.wp-block-slideverse-before-after .sv-image-selector{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:24px 0;padding:24px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-selector-note{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;display:flex;gap:12px;grid-column:1/-1;margin-bottom:8px;padding:16px 20px;position:relative}.wp-block-slideverse-before-after .sv-image-selector .sv-image-selector-note:before{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px 0 0 2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-selector-note .sv-note-icon{color:#d97706;flex-shrink:0;margin-top:2px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-selector-note .sv-note-content{flex:1}.wp-block-slideverse-before-after .sv-image-selector .sv-image-selector-note .sv-note-content .sv-note-title{color:#92400e;font-size:14px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-selector-note .sv-note-content .sv-note-text{color:#a16207;font-size:13px;font-weight:500;line-height:1.5}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control{position:relative}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control--before .sv-image-control-header:before{background:linear-gradient(135deg,#10b981,#059669)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control--after .sv-image-control-header:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-control-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px;position:relative}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-control-header:before{border-radius:2px 0 0 2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-control-header .sv-image-control-label{color:#1a202c;font-size:16px;font-weight:700;letter-spacing:-.025em;margin:0}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-control-header .sv-status-indicator{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-control-header .sv-status-indicator.sv-status-complete{animation:checkmark-bounce .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-control-header .sv-status-indicator.sv-status-pending{animation:pulse-pending 2s infinite;background:#f3f4f6;color:#9ca3af}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-wrapper{position:relative}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty{align-items:center;background:#fff;border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:280px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:before{background:linear-gradient(135deg,rgba(59,130,246,.03),rgba(16,185,129,.03));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:hover{border-color:#3b82f6;box-shadow:0 20px 40px rgba(59,130,246,.12);transform:translateY(-4px)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:hover:before{opacity:1}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:hover .sv-upload-icon{color:#3b82f6;transform:scale(1.15) rotate(5deg)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:hover .sv-upload-pulse{animation:pulse-upload 1.5s infinite}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:hover .sv-upload-primary{color:#3b82f6;transform:translateY(-2px)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty:hover .sv-format-badge{box-shadow:0 4px 12px rgba(59,130,246,.2);transform:translateY(-2px)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-area{align-items:center;display:flex;flex-direction:column;padding:32px 24px;text-align:center;width:100%}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-icon-wrapper{margin-bottom:24px;position:relative}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-icon-wrapper .sv-upload-icon{color:#6b7280;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-icon-wrapper .sv-upload-pulse{border:2px solid #e5e7eb;border-radius:50%;height:80px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-content{width:100%}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-text{margin-bottom:20px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-text .sv-upload-primary{color:#374151;font-size:18px;font-weight:700;letter-spacing:-.025em;margin-bottom:6px;transition:all .3s ease}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-text .sv-upload-secondary{color:#6b7280;font-size:14px;font-weight:500}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-formats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-formats .sv-format-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:6px;color:#3b82f6;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transition:all .3s ease}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-formats .sv-size-limit{color:#9ca3af;font-size:12px;font-weight:500;margin-left:4px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected{background:#fff;border:3px solid #10b981;border-radius:16px;box-shadow:0 8px 24px rgba(16,185,129,.15);overflow:hidden;position:relative;transition:all .4s ease}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected:hover{border-color:#059669;box-shadow:0 16px 40px rgba(16,185,129,.2);transform:translateY(-4px)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-container{position:relative}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image{display:block;height:auto;min-height:220px;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-badge{align-items:center;animation:checkmark-bounce .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px rgba(16,185,129,.3);color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,rgba(16,185,129,.95),rgba(5,150,105,.95));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-overlay .sv-image-overlay-content{align-items:center;display:flex;flex-direction:column;text-align:center;transform:translateY(20px);transition:transform .4s ease}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-overlay .sv-overlay-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;margin-bottom:12px;padding:16px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-overlay .sv-overlay-text{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected .sv-image-overlay .sv-overlay-hint{color:hsla(0,0%,100%,.8);font-size:13px;font-weight:500}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected:hover .sv-image-overlay{opacity:1}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-selected:hover .sv-image-overlay .sv-image-overlay-content{transform:translateY(0)}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-pending{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse-upload{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@media(max-width:768px){.wp-block-slideverse-before-after .sv-image-selector{gap:24px;grid-template-columns:1fr;padding:20px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty{min-height:240px}.wp-block-slideverse-before-after .sv-image-selector .sv-image-control .sv-image-empty .sv-upload-area{padding:24px 16px}}