.ws-clip{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-clip canvas{display:block;cursor:crosshair}.ws-clip [part~=region]{border-radius:14px!important;border:2px solid rgba(59,130,246,.6)!important;box-shadow:0 0 14px #3b82f666,inset 0 0 0 1px #3b82f659!important;background-blend-mode:normal;cursor:grab!important}.ws-clip [part~=region]:active{cursor:grabbing!important}.ws-clip [part~=region-handle-left],.ws-clip [part~=region-handle-right]{width:48px!important;height:100%!important;border:none!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:ew-resize!important;z-index:3!important}.ws-clip [part~=region-handle-left]:after,.ws-clip [part~=region-handle-right]:after{content:"";position:relative;width:22px;height:40px;border-radius:11px;background:#3b82f6;box-shadow:0 0 0 3px #3b82f640,0 0 18px #3b82f6a6,inset 0 1px #fff6;animation:clip-handle-pulse 2.2s ease-in-out infinite}.ws-clip [part~=region-handle-left]:after{border-top-left-radius:11px}.ws-clip [part~=region-handle-left]:before,.ws-clip [part~=region-handle-right]:before{content:"";position:absolute;width:3px;height:14px;border-radius:2px;background:#ffffffd9;box-shadow:0 0 6px #ffffff80;z-index:4}.ws-clip [part~=region-handle-right]:before{right:14px}.ws-clip [part~=region-handle-left]:before{left:14px}@keyframes clip-handle-pulse{0%,to{box-shadow:0 0 0 3px #3b82f640,0 0 18px #3b82f6a6,inset 0 1px #fff6;transform:scale(1)}50%{box-shadow:0 0 0 5px #3b82f62e,0 0 28px #3b82f6d9,inset 0 1px #ffffff80;transform:scale(1.06)}}.ws-clip [part~=region-handle-left]:active:after,.ws-clip [part~=region-handle-right]:active:after{animation-duration:.8s;background:#2563eb}.ws-snap-marker{position:absolute;top:0;bottom:0;width:1px;background:hsl(var(--accent) / .35);pointer-events:none;z-index:1}.ws-snap-marker.near{background:#aef53dd9;box-shadow:0 0 8px #aef53db3;width:2px}.ws-duration-bubble{position:absolute;top:6px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:999px;background:#3b82f6d9;color:#fff;font-size:13px;font-weight:700;font-family:Space Grotesk,sans-serif;box-shadow:0 4px 16px #3b82f673;white-space:nowrap;pointer-events:none;z-index:5;transition:transform .08s ease}.ws-zoom-row{display:flex;align-items:center;gap:8px;margin-top:10px}.ws-zoom-row input[type=range]{flex:1;accent-color:hsl(var(--accent))}