.vsl-studio,.vsl-timeline-editor{--vsl-track-height: 5.5rem;--vsl-audio-track-height: 8.5rem;--vsl-rail-width: 2.75rem;--vsl-handle-width: 12px;--vsl-ruler-height: 1.75rem;--vsl-accent: #0f2e29;--vsl-accent-fg: #f4f3ef;--vsl-playhead: #e8a54b;--vsl-track-bg: oklch(.97 .005 260);--vsl-block-border: oklch(.88 .01 260);--vsl-muted: oklch(.45 .02 160);--vsl-timeline-bg: #151c1a;--vsl-lane-bg: #1c2623;--vsl-lane-line: rgba(244, 243, 239, .08);--vsl-clip-video: #2f6f63;--vsl-clip-vo: #3d7a4a;--vsl-clip-music: #b45309;--vsl-icon-size: 1.125rem}.dark .vsl-timeline-editor{--vsl-track-bg: oklch(.22 .01 260);--vsl-block-border: oklch(.35 .02 260);--vsl-muted: oklch(.72 .02 260)}.vsl-timeline-editor__preview{aspect-ratio:16 / 9;max-height:360px;background:#000;border-radius:.75rem;overflow:hidden}.vsl-timeline-editor__preview--vertical{aspect-ratio:9 / 16;max-height:420px;max-width:240px;margin-inline:auto}.vsl-timeline-editor__toolbar{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding:.35rem .5rem;border:1px solid var(--vsl-block-border);border-radius:.6rem;background:color-mix(in oklch,var(--vsl-track-bg) 70%,transparent)}.vsl-timeline-editor__spacer{flex:1 1 auto}.vsl-timeline-editor__tool{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.75rem;padding-inline:.5rem;border:1px solid var(--vsl-block-border);border-radius:.4rem;background:transparent;font-size:.7rem;font-weight:500;line-height:1;cursor:pointer;transition:background-color .12s,border-color .12s,opacity .12s}.vsl-timeline-editor__tool:hover:not(:disabled){border-color:var(--vsl-accent);background:color-mix(in oklch,var(--vsl-accent) 12%,transparent)}.vsl-timeline-editor__tool:disabled{opacity:.4;cursor:not-allowed}.vsl-timeline-editor__timecode{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600;padding-inline:.35rem}.vsl-timeline-editor__number{display:flex;height:2rem;width:100%;border-radius:.375rem;border:1px solid var(--vsl-block-border);background:transparent;padding-inline:.5rem;font-size:.8rem;font-variant-numeric:tabular-nums}.vsl-timeline-editor__warning{font-size:.7rem;line-height:1.35;border-radius:.375rem;padding:.4rem .5rem;color:#915b00;color:oklch(.52 .13 70);background:#ffedc7;background:oklch(.95 .06 85)}.dark .vsl-timeline-editor__warning{color:#efc876;background:#462d0b}.vsl-timeline-editor__track-wrap{overflow-x:auto;overflow-y:hidden;padding-bottom:.4rem;border:1px solid var(--vsl-block-border);border-radius:.65rem;background:var(--vsl-track-bg)}.vsl-timeline-editor__surface{position:relative;min-width:100%;padding:.4rem}.vsl-timeline-editor__ruler{position:relative;height:var(--vsl-ruler-height);font-size:.6rem;color:var(--vsl-muted);-webkit-user-select:none;user-select:none;cursor:text;border-bottom:1px solid var(--vsl-block-border);margin-bottom:.35rem}.vsl-timeline-editor__tick{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end;padding-left:.15rem;border-left:1px solid var(--vsl-block-border);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.vsl-timeline-editor__track{position:relative;display:flex;align-items:stretch;min-height:calc(var(--vsl-track-height) - .8rem)}.vsl-timeline-editor__block{position:relative;flex:0 0 auto;height:calc(var(--vsl-track-height) - .8rem);border-radius:.35rem;border:1px solid var(--vsl-block-border);background:#111;overflow:hidden;cursor:grab;transition:box-shadow .15s,opacity .15s;-webkit-user-select:none;user-select:none}.vsl-timeline-editor__block+.vsl-timeline-editor__block{margin-left:1px}.vsl-timeline-editor__block.is-selected{border-color:var(--vsl-accent);box-shadow:inset 0 0 0 2px var(--vsl-accent);z-index:1}.vsl-timeline-editor__block.is-dragging{opacity:.4;cursor:grabbing}.vsl-timeline-editor__block.is-drop-before:before,.vsl-timeline-editor__block.is-drop-after:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--vsl-accent);z-index:4}.vsl-timeline-editor__block.is-drop-before:before{left:0}.vsl-timeline-editor__block.is-drop-after:after{right:0}.vsl-timeline-editor__thumb{width:100%;height:100%;object-fit:cover;pointer-events:none}.vsl-timeline-editor__thumb-fallback{display:flex;height:100%;align-items:center;justify-content:center;background:color-mix(in oklch,var(--vsl-track-bg) 60%,#222);color:#ddd;font-size:.6rem;white-space:nowrap;padding-inline:.25rem}.vsl-timeline-editor__block-meta{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.15rem .3rem;background:linear-gradient(transparent,#000000d9);color:#fff;font-size:.6rem;line-height:1.2;pointer-events:none;white-space:nowrap;overflow:hidden}.vsl-timeline-editor__transition-badge{position:absolute;right:calc(var(--vsl-handle-width) + 2px);top:.2rem;padding:.05rem .25rem;border-radius:.25rem;background:#000000a6;color:#fff;font-size:.52rem;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsl-timeline-editor__badge-warning{position:absolute;left:calc(var(--vsl-handle-width) + 2px);top:.2rem;display:flex;align-items:center;justify-content:center;width:.9rem;height:.9rem;border-radius:999px;background:#e19000;background:oklch(.72 .17 70);color:#1a1300;font-size:.6rem;font-weight:700;pointer-events:none}.vsl-timeline-editor__trim-handle{position:absolute;top:0;bottom:0;width:var(--vsl-handle-width);background:color-mix(in oklch,var(--vsl-accent) 80%,white);cursor:ew-resize;z-index:3;opacity:0;touch-action:none;transition:opacity .15s}.vsl-timeline-editor__trim-handle:after{content:"";position:absolute;inset:40%;border-radius:999px;background:#00000073}.vsl-timeline-editor__block:hover .vsl-timeline-editor__trim-handle,.vsl-timeline-editor__block.is-selected .vsl-timeline-editor__trim-handle{opacity:1}.vsl-timeline-editor__trim-handle--in{left:0;border-radius:.3rem 0 0 .3rem}.vsl-timeline-editor__trim-handle--out{right:0;border-radius:0 .3rem .3rem 0}.vsl-timeline-editor__playhead{position:absolute;top:.4rem;bottom:.4rem;left:.4rem;width:2px;background:var(--vsl-playhead);pointer-events:none;z-index:5;will-change:transform}.vsl-timeline-editor__playhead:before{content:"";position:absolute;top:-1px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--vsl-playhead)}.vsl-timeline-editor__audio-track{display:grid;gap:.5rem}.vsl-timeline-editor__audio-bar{height:.45rem;border-radius:999px;background:var(--vsl-track-bg);border:1px solid var(--vsl-block-border);overflow:hidden}.vsl-timeline-editor__audio-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vsl-accent),color-mix(in oklch,var(--vsl-accent) 60%,cyan));transition:width .12s ease-out}.vsl-timeline-editor__inspector{border:1px solid var(--vsl-block-border);border-radius:.65rem;padding:1rem;background:color-mix(in oklch,var(--vsl-track-bg) 70%,transparent)}.vsl-timeline-editor__inspector kbd{display:inline-block;padding:0 .25rem;border:1px solid var(--vsl-block-border);border-radius:.2rem;font-family:inherit;font-size:.62rem;line-height:1.4}.vsl-studio{display:flex;flex-direction:column;min-height:calc(100dvh - 9rem);background:var(--background-primary, #f4f3ef);color:var(--vsl-accent)}.vsl-studio__chrome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--vsl-accent) 12%,transparent);background:color-mix(in srgb,#fff 70%,var(--background-primary, #f4f3ef))}.vsl-studio__title{display:flex;align-items:center;gap:.5rem;font-family:inherit;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.vsl-studio__title-icon,.vsl-studio__icon{width:var(--vsl-icon-size);height:var(--vsl-icon-size);flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.vsl-studio__link{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding-inline:.5rem;border-radius:.5rem;font-size:.8rem;font-weight:500;color:var(--vsl-muted);text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease}.vsl-studio__link:hover{color:var(--vsl-accent);background:color-mix(in srgb,var(--vsl-accent) 6%,transparent)}.vsl-studio__notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--vsl-accent) 20%,transparent);background:color-mix(in srgb,var(--vsl-accent) 8%,transparent);color:var(--vsl-accent);font-size:.875rem}.vsl-studio__notice[data-tone=error]{border-bottom-color:color-mix(in srgb,#b42318 25%,transparent);background:color-mix(in srgb,#b42318 8%,transparent);color:#b42318}.vsl-studio__notice-dismiss{flex:0 0 auto;min-height:2.25rem;padding-inline:.6rem;border:0;border-radius:.4rem;background:transparent;color:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.vsl-studio__notice-dismiss:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.vsl-studio__link:focus-visible,.vsl-studio__notice-dismiss:focus-visible,.vsl-studio__icon-btn:focus-visible,.vsl-studio__tab:focus-visible,.vsl-studio__bin-btn:focus-visible,.vsl-studio__bin-select:focus-visible,.vsl-studio__select:focus-visible,.vsl-studio__music-select:focus-visible,.vsl-studio__range:focus-visible,.vsl-studio__clip-remove:focus-visible{outline:2px solid var(--vsl-accent);outline-offset:2px}.vsl-studio__timeline .vsl-studio__icon-btn:focus-visible,.vsl-studio__timeline .vsl-studio__music-select:focus-visible,.vsl-studio__transport .vsl-studio__icon-btn:focus-visible{outline-color:var(--vsl-playhead)}.vsl-studio__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;container-type:inline-size;container-name:vsl-studio}.vsl-studio__top{flex:1 1 auto;min-height:16rem;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(8rem,auto) minmax(16rem,1fr) auto}@container vsl-studio (min-width: 880px){.vsl-studio__top{grid-template-columns:196px minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr)}.vsl-studio__bin{border-bottom:0;border-right:1px solid color-mix(in srgb,var(--vsl-accent) 12%,transparent)}.vsl-studio__inspector{border-top:0;border-left:1px solid color-mix(in srgb,var(--vsl-accent) 12%,transparent)}}.vsl-studio__bin,.vsl-studio__inspector{display:flex;flex-direction:column;min-height:0;background:color-mix(in srgb,#fff 55%,var(--background-primary, #f4f3ef))}.vsl-studio__bin{border-bottom:1px solid color-mix(in srgb,var(--vsl-accent) 12%,transparent)}.vsl-studio__panel-head{display:flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.5rem .75rem .25rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vsl-muted)}.vsl-studio__panel-hint{margin:0;padding:0 .75rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--vsl-accent) 10%,transparent);font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.4;color:var(--vsl-muted)}.vsl-studio__bin-list{flex:1;overflow-y:auto;padding:.75rem;display:grid;gap:.6rem;align-content:start}.vsl-studio__bin-item{display:flex;flex-direction:column;gap:.4rem;width:100%;text-align:left;border:1px solid color-mix(in srgb,var(--vsl-accent) 14%,transparent);border-radius:.55rem;padding:.4rem;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.vsl-studio__bin-item:hover,.vsl-studio__bin-item:focus-within,.vsl-studio__bin-item.is-active{border-color:var(--vsl-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vsl-accent) 16%,transparent)}.vsl-studio__bin-thumb{display:block;width:100%;padding:0;border:0;background:transparent;cursor:grab;border-radius:.35rem}.vsl-studio__bin-thumb:active{cursor:grabbing}.vsl-studio__bin-thumb:focus-visible{outline:2px solid var(--vsl-accent);outline-offset:2px}.vsl-studio__bin-label{margin:0;font-size:.75rem;font-weight:600;line-height:1.4;color:var(--vsl-ink, inherit)}.vsl-studio__bin-status{margin:0;font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--vsl-muted)}.vsl-studio__bin-status[data-status=processing]{color:#b0722f}.vsl-studio__bin-status[data-status=failed]{color:var(--destructive, #b42318)}.vsl-studio__bin-status[data-status=ready]{color:#3e7a4f}.vsl-studio__bin-link{display:inline-flex;align-items:center;min-height:1.75rem;font-size:.6875rem;line-height:1.4;color:var(--primary, #0f2e29);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.vsl-studio__bin-link:hover,.vsl-studio__bin-link:focus-visible{color:color-mix(in srgb,var(--primary, #0f2e29) 80%,black)}.vsl-studio__bin-actions{display:flex;flex-direction:column;gap:.35rem}.vsl-studio__bin-btn,.vsl-studio__bin-select{min-height:2.75rem;width:100%;border:1px solid color-mix(in srgb,var(--vsl-accent) 22%,transparent);border-radius:.4rem;background:#fff;padding:0 .65rem;font-size:.75rem;font-weight:600;color:inherit;cursor:pointer}.vsl-studio__bin-btn:hover:not(:disabled),.vsl-studio__bin-select:hover{border-color:var(--vsl-accent);background:color-mix(in srgb,var(--vsl-accent) 6%,#fff)}.vsl-studio__bin-btn:disabled{opacity:.5;cursor:not-allowed}.vsl-studio__bin-btn--ghost{font-weight:500;background:transparent}.vsl-studio__bin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:8rem;padding:1rem;text-align:center;color:var(--vsl-muted);font-size:.75rem;line-height:1.45}.vsl-studio__bin-empty .vsl-studio__icon{width:1.5rem;height:1.5rem;opacity:.7}.vsl-studio__preview{display:flex;min-height:0;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;overflow:hidden;background:#0c1210}.vsl-studio__preview-stage{aspect-ratio:var(--vsl-preview-aspect, 16 / 9);width:min(100%,calc(min(26rem,100%) * var(--vsl-preview-ar, 1.777778)));height:auto;max-height:100%;background:#000;border-radius:.45rem;overflow:hidden;box-shadow:0 0 0 1px #f4f3ef1a}.vsl-studio__preview-media{display:block;width:100%;height:100%;object-fit:contain;background:#000}.vsl-studio__preview-ratio{margin:0;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f4f3ef73}.vsl-studio__preview-empty{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#f4f3ef8c;font-size:.8rem;text-align:center}.vsl-studio__transport{display:flex;align-items:center;gap:.35rem;padding:.25rem .4rem;border-radius:999px;background:color-mix(in srgb,#fff 8%,transparent);border:1px solid rgba(244,243,239,.12)}.vsl-studio__icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:44px;min-height:44px;padding:0 .55rem;border:0;border-radius:.55rem;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,opacity .18s ease,transform .15s ease}.vsl-studio__icon-btn:hover:not(:disabled){background:color-mix(in srgb,currentColor 10%,transparent)}.vsl-studio__icon-btn:active:not(:disabled){transform:scale(.96)}.vsl-studio__icon-btn:disabled{opacity:.38;cursor:not-allowed}.vsl-studio__transport .vsl-studio__icon-btn{color:var(--vsl-accent-fg)}.vsl-studio__icon-btn--play{background:var(--vsl-playhead);color:#1a1408}.vsl-studio__icon-btn--play:hover:not(:disabled){background:color-mix(in srgb,var(--vsl-playhead) 86%,white)}.vsl-studio__timecode{min-width:8.5rem;padding-inline:.4rem;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600;color:var(--vsl-accent-fg)}.vsl-studio__inspector{border-top:1px solid color-mix(in srgb,var(--vsl-accent) 12%,transparent)}.vsl-studio__tabs{display:flex;border-bottom:1px solid color-mix(in srgb,var(--vsl-accent) 10%,transparent)}.vsl-studio__tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:44px;padding:0 .4rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--vsl-muted);font-size:.7rem;font-weight:600;cursor:pointer;touch-action:manipulation;white-space:nowrap}.vsl-studio__tab .vsl-studio__icon{width:.95rem;height:.95rem}.vsl-studio__tab.is-active{color:var(--vsl-accent);border-bottom-color:var(--vsl-accent)}.vsl-studio__inspector-body{flex:1;overflow-y:auto;padding:.85rem}.vsl-studio__inspector-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:1rem;padding:.75rem .8rem;border:1px dashed color-mix(in srgb,var(--vsl-accent) 22%,transparent);border-radius:.55rem;color:var(--vsl-muted);font-size:.8rem;line-height:1.45}.vsl-studio__inspector-empty .vsl-studio__icon{opacity:.7}.vsl-studio__inspector-section{margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--vsl-accent) 10%,transparent)}.vsl-studio__inspector-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.vsl-studio__inspector-kicker{margin:0 0 .35rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vsl-muted)}.vsl-studio__inspector-clip-name{margin:0;font-size:.875rem;font-weight:650;line-height:1.35;color:var(--vsl-accent)}.vsl-studio__inspector-help{margin:.35rem 0 0;font-size:.75rem;line-height:1.45;color:var(--vsl-muted)}.vsl-studio__pacing-status{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .4rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.02em}.vsl-studio__pacing-status.is-ok{color:#215c34;background:color-mix(in srgb,#3e7a4f 16%,transparent)}.vsl-studio__pacing-status.is-warn{color:#8a4b12;background:color-mix(in srgb,#e8a54b 22%,transparent)}.vsl-studio__field{display:grid;gap:.35rem;margin-bottom:.9rem}.vsl-studio__field label,.vsl-studio__field>span{font-size:.75rem;font-weight:600;color:var(--vsl-muted)}.vsl-studio__select,.vsl-studio__music-select{display:flex;align-items:center;min-height:44px;width:100%;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--vsl-accent) 16%,transparent);background:#fff;padding:0 .65rem;font-size:.85rem;color:var(--vsl-accent)}.vsl-studio__range{width:100%;min-height:44px;accent-color:var(--vsl-accent);cursor:pointer}.vsl-studio__timeline{flex:0 0 auto;display:flex;flex-direction:column;min-height:22rem;background:var(--vsl-timeline-bg);color:var(--vsl-accent-fg);border-top:1px solid #0b100f}.vsl-studio__timeline-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding:.35rem .75rem;border-bottom:1px solid rgba(244,243,239,.08)}.vsl-studio__timeline-title{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f4f3ef9e}.vsl-studio__timeline-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.vsl-studio__zoom{display:inline-flex;align-items:center;gap:.1rem}.vsl-studio__unsaved{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vsl-playhead)}.vsl-studio__music-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f4f3ef9e}.vsl-studio__timeline-actions .vsl-studio__icon-btn{color:var(--vsl-accent-fg);font-size:.72rem;font-weight:600}.vsl-studio__music-select{min-height:44px;width:auto;max-width:12rem;background:#1c2623;color:var(--vsl-accent-fg);border-color:#f4f3ef29}.vsl-studio__timeline-scroll{position:relative;overflow:auto;flex:1 1 auto;min-height:18rem}.vsl-studio__tracks{position:relative;min-width:100%}.vsl-studio__tracks.is-bin-dragging .vsl-studio__track{cursor:copy}.vsl-studio__track-stack{position:relative}.vsl-studio__track.is-drop-target{box-shadow:inset 0 0 0 2px var(--vsl-playhead)}.vsl-studio__track.is-drop-target .vsl-studio__track-rail{color:var(--vsl-playhead)}.vsl-studio__track.is-drop-target .vsl-studio__track-lane{background-color:color-mix(in srgb,var(--vsl-playhead) 10%,var(--vsl-lane-bg))}.vsl-studio__drop-banner{position:absolute;inset:.4rem;z-index:7;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .75rem;pointer-events:none;border-radius:.4rem;border:2px dashed var(--vsl-playhead);background:color-mix(in srgb,var(--vsl-accent) 78%,transparent);color:var(--vsl-accent-fg);font-size:.72rem;font-weight:700;letter-spacing:.03em;line-height:1.3;text-align:center;transition:opacity .18s ease-out}.vsl-studio__drop-icon{width:1rem;height:1rem;flex:0 0 auto}.vsl-studio__insert-hit{position:absolute;left:0;right:0;top:-16px;height:32px;z-index:8;display:flex;align-items:center;pointer-events:none}.vsl-studio__insert-hit--after{top:auto;bottom:-16px}.vsl-studio__tracks.is-bin-dragging .vsl-studio__insert-hit{pointer-events:auto}.vsl-studio__insert-hit-line{position:absolute;left:var(--vsl-rail-width);right:0;height:3px;border-radius:999px;background:var(--vsl-playhead);box-shadow:0 0 0 3px color-mix(in srgb,var(--vsl-playhead) 28%,transparent);opacity:0;transform:scaleX(.92);transform-origin:center;transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}.vsl-studio__insert-hit.is-active .vsl-studio__insert-hit-line{opacity:1;transform:scaleX(1)}.vsl-studio__insert-hit-label{position:absolute;left:calc(var(--vsl-rail-width) + .75rem);z-index:1;display:inline-flex;align-items:center;gap:.3rem;min-height:28px;padding:.2rem .55rem;border-radius:999px;background:var(--vsl-accent);color:var(--vsl-accent-fg);font-size:.65rem;font-weight:700;letter-spacing:.04em;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px #00000073}.vsl-studio__ruler-row,.vsl-studio__track{display:grid;grid-template-columns:var(--vsl-rail-width) minmax(0,1fr);align-items:stretch}.vsl-studio__track-rail{position:sticky;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem;padding:.4rem .15rem;background:#101715;border-right:1px solid rgba(244,243,239,.1);color:#f4f3efb8}.vsl-studio__track-rail--ruler{background:#0e1412;border-bottom:1px solid rgba(244,243,239,.08)}.vsl-studio__track-rail .vsl-studio__icon-btn{min-width:36px;min-height:36px;padding:0;color:#f4f3efcc}.vsl-studio__volume{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.vsl-studio__volume-slider{writing-mode:vertical-lr;direction:rtl;width:16px;height:3.25rem;margin:0;padding:0;accent-color:var(--vsl-playhead);cursor:pointer;background:transparent}.vsl-studio__volume-slider::-webkit-slider-thumb{cursor:pointer}.vsl-studio__volume-slider:disabled{opacity:.45;cursor:not-allowed}.vsl-studio__volume-slider:focus-visible{outline:2px solid var(--vsl-playhead);outline-offset:2px}.vsl-studio__volume-value{font-size:.55rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f4f3efb3}.vsl-studio__track-rail .vsl-studio__icon{width:.95rem;height:.95rem}.vsl-studio__track-title{writing-mode:vertical-rl;transform:rotate(180deg);flex:1 1 auto;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:#f4f3efb8}.vsl-studio__ruler{position:relative;height:var(--vsl-ruler-height);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--vsl-pps, 48px) - 1px),rgba(244,243,239,.08) calc(var(--vsl-pps, 48px) - 1px),rgba(244,243,239,.08) var(--vsl-pps, 48px)),#0e1412;border-bottom:1px solid rgba(244,243,239,.08);cursor:text;-webkit-user-select:none;user-select:none}.vsl-studio__ruler-mark{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:.15rem;font-size:.6rem;font-variant-numeric:tabular-nums;color:#f4f3ef73;transform:translate(-50%);pointer-events:none}.vsl-studio__ruler-mark:before{content:"";position:absolute;top:0;left:50%;width:1px;height:.45rem;background:#f4f3ef47}.vsl-studio__track{min-height:var(--vsl-track-height);border-bottom:1px solid rgba(244,243,239,.06)}.vsl-studio__track--audio,.vsl-studio__track--music{min-height:var(--vsl-audio-track-height)}.vsl-studio__track-lane{position:relative;min-height:inherit;background-color:var(--vsl-lane-bg);background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--vsl-pps, 48px) - 1px),var(--vsl-lane-line) calc(var(--vsl-pps, 48px) - 1px),var(--vsl-lane-line) var(--vsl-pps, 48px))}.vsl-studio__lane-hint{position:absolute;inset:0;display:flex;align-items:center;padding-left:.75rem;margin:0;font-size:.7rem;color:#f4f3ef52;pointer-events:none}.vsl-studio__clip{position:absolute;top:.4rem;bottom:.4rem;display:flex;align-items:stretch;overflow:hidden;border-radius:.35rem;border:1px solid color-mix(in srgb,#fff 18%,var(--vsl-clip-video));background:linear-gradient(180deg,color-mix(in srgb,#fff 12%,var(--vsl-clip-video)),var(--vsl-clip-video));color:#f4f3ef;font-size:.65rem;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #00000059}.vsl-studio__clip:active{cursor:grabbing}.vsl-studio__clip.is-selected{outline:2px solid var(--vsl-playhead);outline-offset:1px;z-index:2}.vsl-studio__icon-btn.is-muted{color:var(--vsl-playhead);background:color-mix(in srgb,var(--vsl-playhead) 18%,transparent)}.vsl-studio__clip.is-muted{opacity:.4}.vsl-studio__trim{position:absolute;top:0;bottom:0;width:12px;padding:0;border:0;background:color-mix(in srgb,var(--vsl-playhead) 82%,white);cursor:ew-resize;z-index:3;opacity:0;touch-action:none;transition:opacity .15s ease}.vsl-studio__trim:before{content:"";position:absolute;inset:0 -10px}.vsl-studio__trim:after{content:"";position:absolute;inset:32% 4px;border-radius:999px;background:#00000073}.vsl-studio__clip:hover .vsl-studio__trim,.vsl-studio__clip.is-selected .vsl-studio__trim{opacity:1}.vsl-studio__trim--in{left:0;border-radius:.3rem 0 0 .3rem}.vsl-studio__trim--out{right:0;border-radius:0 .3rem .3rem 0}.vsl-studio__clip-remove{position:absolute;top:.2rem;right:.85rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,#7f1d1d 82%,black);color:#f4f3ef;cursor:pointer;opacity:0;touch-action:manipulation;transition:opacity .18s ease,background-color .18s ease,transform .15s ease}.vsl-studio__clip-remove:before{content:"";position:absolute;inset:-.5rem}.vsl-studio__clip-remove .vsl-studio__icon{width:.85rem;height:.85rem}.vsl-studio__clip:hover .vsl-studio__clip-remove,.vsl-studio__clip.is-selected .vsl-studio__clip-remove,.vsl-studio__clip-remove:focus-visible{opacity:1}.vsl-studio__clip-remove:hover,.vsl-studio__clip-remove:focus-visible{background:#9f1239}.vsl-studio__clip-remove:focus-visible{outline:2px solid #fda4af;outline-offset:2px}.vsl-studio__clip-remove:active{transform:scale(.96)}.vsl-studio__icon-btn--danger{color:#fecdd3;background:color-mix(in srgb,#9f1239 22%,transparent)}.vsl-studio__icon-btn--danger:hover:not(:disabled){background:color-mix(in srgb,#9f1239 38%,transparent);color:#fff}.vsl-studio__clip-thumb{width:2.4rem;height:100%;object-fit:cover;flex:0 0 auto;pointer-events:none}.vsl-studio__clip-label{display:flex;align-items:center;min-width:0;padding:0 .45rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsl-studio__clip--audio,.vsl-studio__clip--music{padding:0}.vsl-studio__clip--audio{background:linear-gradient(180deg,color-mix(in srgb,#fff 10%,var(--vsl-clip-vo)),var(--vsl-clip-vo));border-color:color-mix(in srgb,#fff 16%,var(--vsl-clip-vo))}.vsl-studio__clip--music{background:linear-gradient(180deg,color-mix(in srgb,#fff 10%,var(--vsl-clip-music)),var(--vsl-clip-music));border-color:color-mix(in srgb,#fff 16%,var(--vsl-clip-music))}.vsl-studio__clip-wave{display:flex;align-items:center;gap:2px;width:100%;height:100%;padding:0 .5rem;overflow:hidden}.vsl-studio__clip-wave i{flex:0 0 2px;display:block;border-radius:999px;background:#f4f3efb8}.vsl-studio__clip-wave i:nth-child(4n){height:38%}.vsl-studio__clip-wave i:nth-child(4n+1){height:72%}.vsl-studio__clip-wave i:nth-child(4n+2){height:52%}.vsl-studio__clip-wave i:nth-child(4n+3){height:88%}.vsl-studio__playhead-layer{position:absolute;top:0;bottom:0;left:var(--vsl-rail-width);width:var(--vsl-canvas-width, 640px);pointer-events:none;z-index:6}.vsl-studio__playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--vsl-playhead);will-change:transform}.vsl-studio__playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--vsl-playhead)}@media(prefers-reduced-motion:reduce){.vsl-studio__icon-btn,.vsl-studio__link,.vsl-studio__bin-item,.vsl-studio__clip,.vsl-studio__clip-remove,.vsl-studio__drop-banner,.vsl-studio__insert-hit-line{transition:none}.vsl-studio__insert-hit-line{transform:none}.vsl-studio__icon-btn:active:not(:disabled),.vsl-studio__clip-remove:active{transform:none}}.vsl-magic-overlay__orb{position:absolute;inset:-40% -20% auto;height:12rem;background:radial-gradient(circle,color-mix(in oklch,var(--vsl-accent) 35%,transparent),transparent 70%);animation:vsl-magic-pulse 2.4s ease-in-out infinite}.vsl-magic-overlay__spark{position:absolute;width:.4rem;height:.4rem;border-radius:999px;background:var(--vsl-accent);opacity:.7;animation:vsl-magic-spark 2s linear infinite}.vsl-magic-overlay__spark--a{left:18%;top:22%;animation-delay:0s}.vsl-magic-overlay__spark--b{right:16%;top:30%;animation-delay:.4s}.vsl-magic-overlay__spark--c{left:46%;bottom:18%;animation-delay:.8s}.vsl-magic-overlay__bar{width:40%;animation:vsl-magic-bar 1.4s ease-in-out infinite}@keyframes vsl-magic-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.15);opacity:.9}}@keyframes vsl-magic-spark{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-8px);opacity:1}}@keyframes vsl-magic-bar{0%{transform:translate(-20%)}to{transform:translate(180%)}}