.timeline-editor{gap:var(--panel-gap);width:100%;height:100%;min-height:280px;padding:var(--panel-gap);background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;outline:none;display:flex;position:relative;overflow:hidden}.timeline-editor:focus-visible{box-shadow:inset 0 0 0 2px var(--border-focus)}.timeline-editor *{box-sizing:border-box}.timeline-editor button{color:inherit}.timeline-main{gap:var(--panel-gap);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.timeline-media-browser{background:var(--bg-panel);border-radius:var(--panel-radius);width:300px;box-shadow:var(--ring-surface), var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.timeline-preview-area{background:var(--bg-panel);border-radius:var(--panel-radius);min-width:0;min-height:0;box-shadow:var(--ring-surface), var(--shadow-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.timeline-area{background:var(--bg-panel);border-radius:var(--panel-radius);height:320px;box-shadow:var(--ring-surface), var(--shadow-sm);overscroll-behavior:none;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.timeline-resize-handle{top:calc(-1 * var(--panel-gap));height:var(--panel-gap);cursor:row-resize;z-index:30;position:absolute;left:0;right:0}.timeline-resize-handle:after{content:"";border-radius:var(--radius-full);background:var(--border-strong);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), inset var(--duration-base) var(--ease-out);position:absolute;inset:2px 50%}.timeline-resize-handle:hover:after,.timeline-resize-handle:active:after{opacity:1;inset:2px calc(50% - 24px)}.timeline-resize-handle:active:after{background:var(--accent)}.tl-toolbar{align-items:center;gap:var(--space-2);height:var(--toolbar-height);padding:0 var(--space-3);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.tl-tool-group{background:var(--bg-subtle);border-radius:var(--radius-md);box-shadow:var(--ring-surface);align-items:center;gap:1px;padding:2px;display:inline-flex}.tl-sep{background:var(--border-subtle);flex-shrink:0;width:1px;height:18px}.tl-spacer{flex:1}.tool-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tool-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.tool-btn:active:not(:disabled){transform:scale(var(--scale-press));background:var(--bg-active)}.tool-btn.active{color:var(--accent);background:var(--accent-subtle)}.tool-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.toolbar-position{height:26px;padding:0 var(--space-3);color:var(--tl-timecode-color);background:var(--bg-subtle);border-radius:var(--radius-sm);box-shadow:var(--ring-surface);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-normal);align-items:center;min-width:176px;display:inline-flex}.zoom-controls{align-items:center;gap:var(--space-2);height:30px;display:inline-flex}.zoom-slider{appearance:none;background:var(--bg-subtle);border-radius:var(--radius-full);cursor:pointer;outline:none;width:80px;height:6px;position:relative}.zoom-slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--zoom-fill,50%), var(--bg-subtle) var(--zoom-fill,50%), var(--bg-subtle) 100%);height:6px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 2px var(--bg-canvas), var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:none;margin-top:-4px}.zoom-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--accent-subtle);transform:scale(1.2)}.zoom-slider::-moz-range-track{border-radius:var(--radius-full);background:var(--bg-subtle);height:6px}.zoom-slider::-moz-range-progress{border-radius:var(--radius-full);background:var(--accent);height:6px}.zoom-slider::-moz-range-thumb{background:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 2px var(--bg-canvas), var(--shadow-xs);border:none}.zoom-level{min-width:28px;height:20px;padding:0 var(--space-1);background:var(--bg-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.timeline-workspace-split{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.timeline-label-column{width:var(--track-header-width);overscroll-behavior:none;background:var(--bg-panel);border-right:1px solid var(--border-default);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.timeline-label-header{height:var(--ruler-height);padding:0 var(--space-3);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;display:flex}.timeline-scroll-area{background:var(--bg-app);overscroll-behavior:none;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:clip}.timeline-track-scroll{overscroll-behavior:none;flex:1;min-height:0;overflow:auto}.timeline-ruler{z-index:25;height:var(--ruler-height);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-shrink:0;position:sticky;top:0}.timeline-track-canvas{min-width:100%;position:relative}.tl-track{border-bottom:1px solid var(--tl-separator);flex-shrink:0;display:flex;position:relative}.tl-track-header{align-items:center;gap:var(--space-2);width:var(--track-header-width);height:100%;padding:0 var(--space-2) 0 var(--space-3);background:var(--bg-panel);flex-shrink:0;display:flex;position:relative}.tl-track-header:before{content:"";width:var(--clip-chip-width);position:absolute;top:0;bottom:0;left:0}.tl-track--video .tl-track-header:before{background:var(--track-video)}.tl-track--audio .tl-track-header:before{background:var(--track-audio)}.tl-track--subtitle .tl-track-header:before{background:var(--track-subtitle)}.tl-track--image .tl-track-header:before{background:var(--track-image)}.tl-track--effect .tl-track-header:before{background:var(--track-effect)}.tl-track--music .tl-track-header:before{background:var(--track-music)}.tl-track-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.tl-track--video .tl-track-dot{background:var(--track-video)}.tl-track--audio .tl-track-dot{background:var(--track-audio)}.tl-track--subtitle .tl-track-dot{background:var(--track-subtitle)}.tl-track--image .tl-track-dot{background:var(--track-image)}.tl-track--effect .tl-track-dot{background:var(--track-effect)}.tl-track--music .tl-track-dot{background:var(--track-music)}.tl-track-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.tl-track--video .tl-track-icon{color:var(--track-video)}.tl-track--audio .tl-track-icon{color:var(--track-audio)}.tl-track--subtitle .tl-track-icon{color:var(--track-subtitle)}.tl-track--effect .tl-track-icon{color:var(--track-effect)}.tl-track--music .tl-track-icon{color:var(--track-music)}.tl-track-label{min-width:0;color:var(--text-secondary);font-family:var(--font-condensed);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tl-track-controls{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;gap:2px;display:flex;transform:translate(2px)}.tl-track-header:hover .tl-track-controls,.tl-track-header:focus-within .tl-track-controls{opacity:1;transform:translate(0)}.tl-ctrl-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tl-ctrl-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tl-ctrl-btn:active{transform:scale(var(--scale-press))}.tl-ctrl-btn.muted{color:var(--color-warning);background:var(--color-warning-subtle)}.tl-ctrl-btn.locked{color:var(--accent);background:var(--accent-subtle)}.tl-track-body{background:var(--bg-app);flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.tl-track:nth-child(2n) .tl-track-body{background:var(--bg-app)}.timeline-track-separator{background:var(--border-strong);flex-shrink:0;height:1px}@keyframes tl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tl-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tl-slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tl-clip-wrap{cursor:grab;-webkit-user-select:none;user-select:none;contain:layout size;flex-direction:column;flex-shrink:0;display:flex;position:absolute}.tl-clip-wrap:active{cursor:grabbing}.tl-clip-wrap.selected{z-index:10}.tl-clip-wrap.selected .tl-clip{outline:2px solid var(--selection);outline-offset:-2px;box-shadow:0 0 0 1px var(--selection-ring)}.tl-clip{min-width:12px;padding:var(--clip-padding);align-items:center;gap:var(--space-1);border-radius:var(--clip-radius) var(--clip-radius) 0 0;transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;display:flex;position:relative;overflow:hidden}.tl-clip--video{background:var(--track-video-solid);border:1px solid var(--track-video-border);border-left:var(--clip-chip-width) solid var(--track-video)}.tl-clip--audio{background:var(--track-audio-solid);border:1px solid var(--track-audio-border);border-left:var(--clip-chip-width) solid var(--track-audio-border-solid)}.tl-clip--subtitle{background:var(--track-subtitle-solid);border:1px solid var(--track-subtitle-border);border-left:var(--clip-chip-width) solid var(--track-subtitle-border-solid)}.tl-clip--image{background:var(--track-image-solid);border:1px solid var(--track-image-border);border-left:var(--clip-chip-width) solid var(--track-image-border-solid)}.tl-clip--effect{background:var(--track-effect-solid);border:1px solid var(--track-effect-border);border-left:var(--clip-chip-width) solid var(--track-effect-border-solid)}.tl-clip--music{background:var(--track-music-solid);border:1px solid var(--track-music-border);border-left:var(--clip-chip-width) solid var(--track-music-border-solid)}.clip-type-icon,.clip-info,.clip-handle{z-index:1;position:relative}.tl-clip:hover{border-color:var(--border-strong)}.clip-thumbnails{pointer-events:none;z-index:0;display:flex;position:absolute;inset:0}.clip-thumb-frame{border-right:1px solid var(--border-faint);background:var(--bg-sunken);flex:1;min-width:0}.clip-thumb-frame:last-child{border-right:none}.clip-waveform{pointer-events:none;z-index:0;--wf-peak:color-mix(in srgb, var(--track-audio) 62%, transparent);--wf-body:color-mix(in srgb, var(--track-audio) 32%, transparent);background-image:repeating-linear-gradient(90deg, transparent 0px, transparent 2px, var(--wf-body) 2px, var(--wf-body) 3px, transparent 3px, transparent 5px, var(--wf-peak) 5px, var(--wf-peak) 6px, transparent 6px, transparent 9px, var(--wf-body) 9px, var(--wf-body) 10px, transparent 10px, transparent 13px, var(--wf-peak) 13px, var(--wf-peak) 14px, transparent 14px, transparent 16px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 16%,#00000080 30% 70%,#0000 84%);mask-image:linear-gradient(#0000 16%,#00000080 30% 70%,#0000 84%)}.clip-effect-row{border-radius:0 0 var(--radius-xs) var(--radius-xs);width:100%;transition:opacity var(--duration-fast) var(--ease-out)}.clip-effect-row.disabled{opacity:.25}.clip-thumb-frame--real{background-position:50%;background-repeat:no-repeat;background-size:cover}.media-preview{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-preview-video{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%}.media-preview-canvas{border-radius:var(--radius-md);max-width:100%;max-height:100%;display:block}.bin-drop-active{outline:2px dashed var(--accent);outline-offset:-2px}.bin-drop-active:after{content:"Drop media files here";background:var(--accent-glow);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent);pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bin-errors{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-faint);flex-direction:column;display:flex}.bin-error-msg{font-size:var(--text-2xs);color:var(--color-danger);background:var(--color-danger-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bin-thumb-img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%;position:absolute;inset:0}.tl-clip.provisional{opacity:.6;animation:tl-fadeIn var(--duration-base) var(--ease-out);border-style:dashed}.clip-type-icon{color:var(--text-tertiary);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.clip-info{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.clip-name{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-timecode{color:var(--text-tertiary);font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.clip-handle{background:var(--border-default);border-radius:var(--radius-xs);cursor:col-resize;opacity:0;width:10px;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.clip-handle--left{left:-1px}.clip-handle--right{right:-1px}.clip-handle-icon{width:8px;height:8px;color:var(--selection-on-fill);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.tl-clip-wrap:hover .clip-handle,.tl-clip-wrap.selected .clip-handle{opacity:1}.tl-clip-wrap.selected .clip-handle{background:var(--selection-handle)}.tl-clip-wrap.selected .clip-handle-icon{opacity:1;width:8px;height:8px;color:var(--selection-on-fill)}.tl-playhead{background:var(--playhead-color);width:1px;box-shadow:var(--playhead-shadow);pointer-events:none;z-index:20;will-change:transform;position:absolute;top:0;bottom:0}.tl-playhead-handle{background:var(--playhead-color);clip-path:polygon(0 0,100% 0,50% 100%);justify-content:center;align-items:center;width:11px;height:9px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-playhead-handle-dot{display:none}.tl-snap-indicator,.snap-indicator{pointer-events:none;z-index:18;background:var(--tl-snap-color);width:1px;height:100%;box-shadow:0 0 0 1px var(--scrim), 0 0 8px var(--tl-snap-glow);position:absolute;top:0;left:0}.drop-zone{pointer-events:none;z-index:30;background:var(--tl-snap-color);width:2px;height:100%;box-shadow:0 0 0 1px var(--scrim), 0 0 8px var(--tl-snap-glow);position:absolute;top:0;left:0}.drop-zone-label{top:var(--space-1);left:var(--space-2);padding:2px var(--space-1);border-radius:var(--radius-xs);background:var(--tl-snap-color);color:var(--text-inverse);font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:nowrap;position:absolute}.toolbar-sep-char{opacity:.3;margin:0 var(--space-2);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.markers-panel,.captions-panel,.transitions-panel,.keyframes-panel,.inspector-panel,.asset-bin{background:0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-header{height:var(--topbar-height);padding:0 var(--panel-pad);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.panel-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin:0}.panel-action-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.panel-action-btn:hover{background:var(--state-hover);color:var(--text-primary)}.panel-content{padding:0 var(--panel-pad) var(--panel-pad);flex:1;overflow-y:auto}.panel-tabs{padding:0 var(--space-2);border-bottom:1px solid var(--border-subtle);display:flex}.panel-tab{padding:var(--space-3) var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px}.panel-tab:hover{color:var(--text-secondary)}.panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.top-nav{height:var(--topbar-height);padding:0 var(--space-4);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.top-nav-left,.top-nav-center,.top-nav-right{align-items:center;gap:var(--space-2);display:flex}.top-nav-left{color:var(--text-secondary)}.top-nav-center{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.top-nav-right{color:var(--text-secondary)}.top-nav-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.top-nav-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.top-nav-export-btn{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-on-fill);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;display:inline-flex}.top-nav-export-btn:hover{background:var(--accent-hover)}.top-nav-export-btn:active{transform:scale(var(--scale-press));background:var(--accent-active)}.transport-controls{height:52px;padding:0 var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.transport-position{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-tertiary);cursor:pointer;display:flex}.transport-position-current{color:var(--text-primary);font-weight:var(--weight-medium)}.transport-buttons{align-items:center;gap:var(--space-4);color:var(--text-primary);display:flex}.transport-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.transport-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.transport-btn:active{transform:scale(var(--scale-press))}.transport-btn--play{border-radius:var(--radius-full);background:var(--bg-raised);width:36px;height:36px;box-shadow:var(--ring-surface);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-spring)}.transport-btn--play:hover{color:var(--accent);background:var(--bg-raised)}.transport-btn--play:active{transform:scale(.92)}.transport-right{align-items:center;gap:var(--space-3);color:var(--text-secondary);display:flex}.transport-btn-sm{border-radius:var(--radius-sm);width:24px;height:24px;color:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.transport-btn-sm:hover{color:var(--text-primary)}.left-sidebar,.sidebar{width:var(--sidebar-width);padding:var(--panel-pad-tight);background:var(--bg-panel);border-radius:var(--panel-radius);box-shadow:var(--ring-surface), var(--shadow-sm);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:stretch;gap:2px;display:flex;overflow-y:auto}.left-sidebar::-webkit-scrollbar{display:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-btn{border-radius:var(--radius-lg);width:64px;height:64px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.sidebar-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar-btn.active{background:var(--bg-surface);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-btn-icon{width:20px;height:20px}.sidebar-btn-label{font-size:10px;font-weight:var(--weight-medium)}.sidebar-spacer{flex:1}.preview-panel{background:var(--bg-canvas);border-bottom:1px solid var(--border-faint);padding:var(--space-6);flex:1 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-frame{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.preview-timecode{bottom:var(--space-2);left:var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--weight-medium);color:#ffffffeb;text-shadow:0 1px 3px #000000e6;position:absolute}.preview-safe-area{border-radius:var(--radius-xs);pointer-events:none;border:1px dashed #ffffff24;position:absolute;inset:12px}.preview-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.preview-overlay .selection-box{pointer-events:auto;border:1px solid var(--selection);box-shadow:0 0 0 1px var(--selection-ring), 0 0 12px var(--selection-glow);cursor:grab}.preview-overlay .selection-box.is-dragging{cursor:grabbing}.selection-handle{pointer-events:auto;background:var(--selection);border:1px solid var(--selection-on-fill);cursor:nwse-resize;z-index:1;border-radius:1px}.selection-handle[data-handle=n],.selection-handle[data-handle=s]{cursor:ns-resize}.selection-handle[data-handle=e],.selection-handle[data-handle=w]{cursor:ew-resize}.selection-handle[data-handle=ne],.selection-handle[data-handle=sw]{cursor:nesw-resize}.selection-handle[data-handle=nw],.selection-handle[data-handle=se]{cursor:nwse-resize}.rotation-handle{pointer-events:auto;cursor:crosshair;z-index:2;flex-direction:column;align-items:center;display:flex}.rotation-handle-stem{background:var(--selection);width:1px;height:12px}.rotation-handle-knob{background:var(--selection);border:1px solid var(--selection-on-fill);border-radius:50%;width:10px;height:10px}.snap-line{pointer-events:none;z-index:11;position:absolute}.snap-line--horizontal{border-top:1px dashed var(--selection);width:100%;height:0;left:0}.snap-line--vertical{border-left:1px dashed var(--selection);width:0;height:100%;top:0}.preview-volume-bar{left:var(--space-3);align-items:center;gap:var(--space-2);padding:var(--space-2);background:rgba(var(--bg-surface-rgb), .55);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border:1px solid #ffffff24;flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.preview-volume-dot{border-radius:var(--radius-full);background:var(--text-primary);width:6px;height:6px}.preview-volume-track{border-radius:var(--radius-full);background:var(--text-tertiary);width:6px;height:128px;position:relative}.preview-volume-fill{border-radius:var(--radius-full);background:var(--color-success);width:100%;position:absolute;top:0;left:0}.preview-volume-icon{color:var(--text-primary)}.asset-bin{background:0 0;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.bin-header{align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--panel-pad);flex-shrink:0;display:flex}.bin-header-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.bin-search{width:auto;padding:var(--space-2) var(--space-3);margin:0 var(--panel-pad) var(--space-3);border-radius:var(--radius-md);background:var(--bg-input);box-shadow:var(--ring-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border:1px solid #0000;align-self:stretch}.bin-search::placeholder{color:var(--text-tertiary)}.bin-search:focus{background:var(--bg-input-focus);border-color:var(--accent);box-shadow:var(--ring-focus);outline:none}.bin-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--panel-pad) var(--space-3);flex-shrink:0;display:flex}.bin-upload-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-raised);box-shadow:var(--ring-surface), var(--shadow-xs);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:none;display:flex}.bin-upload-btn:hover{background:var(--bg-hover);box-shadow:var(--ring-raised), var(--shadow-sm)}.bin-upload-btn:active{background:var(--bg-active);box-shadow:var(--ring-surface)}.bin-controls{align-items:center;gap:var(--space-1);display:flex}.bin-control-btn{justify-content:center;align-items:center;gap:var(--space-1);min-width:26px;height:26px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:inline-flex}.bin-control-btn:hover{background:var(--state-hover);color:var(--text-primary)}.bin-control-btn[aria-pressed=true],.bin-control-btn.active{background:var(--accent-subtle);color:var(--accent)}.bin-grid{gap:var(--space-2);padding:0 var(--panel-pad) var(--panel-pad);flex:1;grid-template-columns:1fr 1fr;align-content:start;display:grid;overflow-y:auto}.bin-card{gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;display:flex;overflow:hidden}.bin-card:hover{background:var(--state-hover)}.bin-card.selected{background:var(--accent-subtle);box-shadow:inset 0 0 0 1px var(--accent-border)}.bin-thumb{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--bg-sunken);width:100%;box-shadow:var(--ring-surface);justify-content:center;align-items:center;font-size:20px;display:flex;position:relative;overflow:hidden}.bin-thumb-overlay{bottom:var(--space-1);right:var(--space-1);border-radius:var(--radius-xs);font-size:var(--text-2xs);font-family:var(--font-mono);color:#fffffff0;background:#0000009e;padding:1px 5px;position:absolute}.bin-card-info{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:0 var(--space-1);min-width:0;display:flex}.bin-card-name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;overflow:hidden}.bin-card:hover .bin-card-name,.bin-card.selected .bin-card-name{color:var(--text-primary)}.bin-card-meta{font-size:var(--text-2xs);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.bin-thumb--placeholder,.bin-thumb--video,.bin-thumb--image,.bin-thumb--interview,.bin-thumb--cityscape,.bin-thumb--hands,.bin-thumb--graphic{background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--border-faint)}.bin-thumb--audio,.bin-thumb--voiceover{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--track-audio) 8%, transparent) 50%, transparent 100%), repeating-linear-gradient(90deg, transparent 0px, transparent 3px, color-mix(in srgb, var(--track-audio) 40%, transparent) 3px, color-mix(in srgb, var(--track-audio) 40%, transparent) 5px, transparent 5px, transparent 8px, color-mix(in srgb, var(--track-audio) 20%, transparent) 8px, color-mix(in srgb, var(--track-audio) 20%, transparent) 9px, transparent 9px, transparent 14px), var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--border-faint)}.bin-thumb--voiceover{--track-audio:var(--track-subtitle)}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state p{margin:0 0 var(--space-2);font-size:var(--text-sm)}.empty-state-hint{font-size:var(--text-xs)!important;color:var(--text-tertiary)!important}.field-group{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.field-pair{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field-pair .field-group{margin-bottom:0}.field-pair .field-label{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.field-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.field-input,.field-select,.field-textarea{width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);background:var(--bg-input);box-shadow:var(--ring-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000}.field-input:hover,.field-select:hover,.field-textarea:hover{box-shadow:var(--ring-raised)}.field-input:focus,.field-select:focus,.field-textarea:focus{background:var(--bg-input-focus);border-color:var(--accent);box-shadow:var(--ring-focus);outline:none}.field-checkbox{width:14px;height:14px;accent-color:var(--accent)}.number-scrubber{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);background:var(--bg-input);height:28px;box-shadow:var(--ring-surface);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;display:flex}.number-scrubber:focus-within{border-color:var(--accent);box-shadow:var(--ring-focus)}.number-scrubber.is-disabled{opacity:.4;pointer-events:none}.number-scrubber-label{min-width:28px;height:100%;padding:0 var(--space-1);background:var(--bg-subtle);border-right:1px solid var(--border-faint);border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;cursor:ew-resize;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-scrubber-label:hover{background:var(--bg-hover);color:var(--text-secondary)}.number-scrubber.is-scrubbing .number-scrubber-label{background:var(--accent-subtle);color:var(--accent)}.number-scrubber.is-scrubbing{border-color:var(--accent)}.number-scrubber-input{min-width:0;height:100%;padding:0 var(--space-1);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1}.number-scrubber-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-scrubber-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-scrubber-input::selection{background:var(--accent-subtle);color:var(--text-primary)}.marker-list,.caption-list,.transition-list,.keyframe-list,.asset-list,.effects-list{margin:0;padding:0;list-style:none}.marker-item,.caption-item,.transition-item,.keyframe-item,.asset-item,.effect-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);display:flex}.marker-item:hover,.caption-item:hover,.transition-item:hover,.keyframe-item:hover,.asset-item:hover{background:var(--bg-hover)}.marker-item.selected,.caption-item.selected,.transition-item.selected,.asset-item.selected{background:var(--accent-subtle);box-shadow:inset 2px 0 0 var(--accent)}.marker-color{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.marker-info,.caption-info,.transition-info,.keyframe-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.marker-label,.caption-text,.transition-type,.keyframe-value,.asset-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.marker-timecode,.caption-timecode,.transition-duration,.keyframe-frame,.asset-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.marker-delete-btn,.caption-delete-btn,.transition-delete-btn,.keyframe-delete-btn{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.marker-item:hover .marker-delete-btn,.marker-item:focus-within .marker-delete-btn,.caption-item:hover .caption-delete-btn,.caption-item:focus-within .caption-delete-btn,.transition-item:hover .transition-delete-btn,.transition-item:focus-within .transition-delete-btn,.keyframe-item:hover .keyframe-delete-btn,.keyframe-item:focus-within .keyframe-delete-btn{opacity:1}.marker-delete-btn:hover,.caption-delete-btn:hover,.transition-delete-btn:hover,.keyframe-delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.effect-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.effect-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.effect-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-transform:capitalize}.effect-icon-badge{border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-faint);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}.effect-actions{align-items:center;gap:var(--space-1);display:inline-flex}.effect-toggle-btn{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-subtle);cursor:pointer;width:32px;height:18px;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.effect-toggle-track{border-radius:var(--radius-full);background:var(--bg-active);width:26px;height:12px;transition:background var(--duration-fast) var(--ease-out);display:block;position:relative}.effect-toggle-thumb{border-radius:var(--radius-full);background:var(--text-tertiary);width:10px;height:10px;transition:all var(--duration-fast) var(--ease-out);position:absolute;top:1px;left:1px}.effect-toggle-btn.enabled{border-color:var(--color-success);background:var(--color-success-subtle)}.effect-toggle-btn.enabled .effect-toggle-track{background:var(--color-success)}.effect-toggle-btn.enabled .effect-toggle-thumb{background:var(--bg-panel);left:15px}.effect-toggle-btn:hover{border-color:var(--border-strong)}.effect-delete-btn{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.effect-item:hover .effect-delete-btn{opacity:1}.effect-delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.effect-add-menu{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-faint);flex-direction:column;gap:2px;display:flex}.effect-menu-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.effect-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.effect-menu-icon{text-align:center;width:20px;font-size:14px}.effect-menu-label{font-weight:var(--weight-medium)}.tl-effect-card{background:var(--bg-surface);border:1px solid var(--border-faint);border-radius:var(--radius-sm);margin-bottom:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out);overflow:hidden}.tl-effect-card:hover{border-color:var(--border-default)}.tl-effect-card-header{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-subtle);border-bottom:1px solid var(--border-faint);display:flex}.tl-effect-drag-handle{color:var(--text-tertiary);cursor:grab;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}.tl-effect-drag-handle:hover{opacity:.8}.tl-effect-card-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;flex:1}.tl-effect-toggle{margin:0;padding:0}.tl-effect-toggle .toggle-row-label{display:none}.tl-effect-toggle .toggle-row-checkbox{width:28px;height:14px}.tl-effect-delete-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tl-effect-card:hover .tl-effect-delete-btn{opacity:1}.tl-effect-delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.tl-effect-card-body{padding:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.tl-effect-param{align-items:center;gap:var(--space-2);display:flex}.tl-effect-param-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;flex:0 0 80px;overflow:hidden}.tl-effect-param-control{flex:1;min-width:0}.tl-effect-param-unit{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex:0 0 24px}.tl-effect-param-select{width:100%;height:24px;padding:0 var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.tl-effect-param-select:focus{border-color:var(--accent);box-shadow:var(--ring-focus);outline:none}.tl-effect-param-input{width:100%;height:24px;padding:0 var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-mono);transition:border-color var(--duration-fast) var(--ease-out)}.tl-effect-param-input:focus{border-color:var(--accent);box-shadow:var(--ring-focus);outline:none}.tl-keyframe-track-container{margin-bottom:var(--space-2);position:relative}.tl-keyframe-track-header{padding:var(--space-1) var(--space-2);background:var(--bg-subtle);border:1px solid var(--border-faint);border-radius:var(--radius-sm) var(--radius-sm) 0 0;justify-content:space-between;align-items:center;display:flex}.tl-keyframe-track-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.tl-keyframe-track-count{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}.tl-keyframe-track{background:var(--bg-canvas);border:1px solid var(--border-faint);border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:crosshair;border-top:none;height:60px;position:relative;overflow:hidden}.tl-keyframe-track-grid{pointer-events:none;position:absolute;inset:0}.tl-keyframe-track-gridline{background:var(--border-faint);opacity:.5;width:1px;position:absolute;top:0;bottom:0}.tl-keyframe{cursor:grab;z-index:2;width:12px;height:12px;transition:transform 40ms;position:absolute;transform:translate(-50%,-50%)}.tl-keyframe:hover{transform:translate(-50%,-50%)scale(1.2)}.tl-keyframe:active{cursor:grabbing}.tl-keyframe.is-selected{z-index:3}.tl-keyframe.is-dragging{cursor:grabbing;z-index:4}.tl-keyframe-diamond{background:var(--accent);border:2px solid var(--bg-canvas);width:100%;height:100%;box-shadow:var(--shadow-xs);transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:2px;transform:rotate(45deg)}.tl-keyframe:hover .tl-keyframe-diamond{background:var(--accent-hover,var(--accent));box-shadow:var(--shadow-sm)}.tl-keyframe.is-selected .tl-keyframe-diamond{background:var(--selection);border-color:var(--selection);box-shadow:0 0 0 2px var(--selection-ring), 0 2px 8px #00000080}.tl-keyframe.is-dragging .tl-keyframe-diamond{box-shadow:var(--shadow-md)}.tl-keyframe-context-menu{z-index:1000;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:140px;padding:var(--space-1) 0;position:fixed}.tl-keyframe-context-menu-header{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.tl-keyframe-context-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.tl-keyframe-context-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.tl-keyframe-context-menu-delete{color:var(--color-danger)}.tl-keyframe-context-menu-delete:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.tl-keyframe-context-menu-separator{background:var(--border-faint);height:1px;margin:var(--space-1) 0}.tl-transition-handle{cursor:ew-resize;z-index:5;transition:background var(--duration-fast) var(--ease-out);background:0 0;position:absolute;top:0;bottom:0}.tl-transition-handle:hover{background:var(--accent);opacity:.5}.tl-transition-handle.is-dragging{background:var(--accent);opacity:.8}.tl-transition-visual{background:repeating-linear-gradient(45deg, transparent, transparent 4px, var(--accent-muted) 4px, var(--accent-muted) 8px);pointer-events:none;z-index:1;opacity:.6;border-left:1px dashed var(--accent);border-right:1px dashed var(--accent);position:absolute;top:0;bottom:0}.tl-transition-alignment{background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-faint);gap:2px;padding:2px;display:flex}.tl-transition-alignment-btn{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;flex:1}.tl-transition-alignment-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tl-transition-alignment-btn.is-active{background:var(--accent);color:var(--accent-on-fill,white);box-shadow:var(--shadow-xs)}.deprecated-notice{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:var(--color-warning-subtle);border:1px solid var(--color-warning);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal)}.deprecated-notice strong{color:var(--color-warning)}.caption-meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);display:flex}.collapsible-section{margin-bottom:var(--space-1)}.section-header{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 0;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.section-header:hover{color:var(--text-primary)}.section-header-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.section-header-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);text-align:left;flex:1}.section-chevron{width:14px;height:14px;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.collapsible-section.open .section-chevron{transform:rotate(0)}.collapsible-section:not(.open) .section-chevron{transform:rotate(-90deg)}.section-body{padding:0 0 var(--space-2)}.status-bar{align-items:center;gap:var(--space-5);height:26px;padding:0 var(--space-4);font-size:var(--text-2xs);color:var(--text-tertiary);background:0 0;flex-shrink:0;display:flex;overflow:hidden}.status-item{align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.status-label{color:var(--text-tertiary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.status-value{color:var(--text-secondary);font-family:var(--font-mono);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.right-panel{background:var(--bg-panel);border-radius:var(--panel-radius);width:280px;height:100%;box-shadow:var(--ring-surface), var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.right-panel .panel-tabs{flex-shrink:0}.right-panel .panel-tab-content{flex:1;min-height:0;overflow-y:auto}.tabbed-panel{background:var(--bg-panel);flex-direction:column;height:100%;display:flex;overflow:hidden}.tabbed-panel .panel-tabs{flex-shrink:0}.tabbed-panel-content{flex:1;min-height:0;overflow:hidden}.text-panel-btn{justify-content:center;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.text-panel-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-on-fill)}.text-panel-btn:disabled{opacity:.4;cursor:not-allowed}.field-textarea{font-family:var(--font-sans);resize:vertical;min-height:56px}.field-textarea::placeholder{color:var(--text-tertiary)}.field-select{font-family:var(--font-sans);cursor:pointer}.track-selector{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.track-select{flex:1}.caption-editor,.transition-editor{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-faint)}.caption-textarea{resize:vertical;min-height:56px}.search-bar{margin-bottom:var(--space-2)}.search-input{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.asset-icon{font-size:var(--text-lg);flex-shrink:0}.keyframe-easing{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.keyboard-shortcuts-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;inset:0}.overlay-content{background:var(--bg-surface);border-radius:var(--radius-2xl);width:90%;max-width:620px;max-height:80vh;box-shadow:var(--ring-surface), var(--shadow-overlay);border:none;position:relative;overflow:hidden}.overlay-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.overlay-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.overlay-close-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.overlay-close-btn:hover{background:var(--state-hover);color:var(--text-primary)}.shortcuts-grid{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:calc(80vh - 60px);display:grid;overflow-y:auto}.shortcut-category{gap:var(--space-2);flex-direction:column;display:flex}.category-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin:0}.shortcut-list{margin:0;padding:0;list-style:none}.shortcut-item{align-items:center;gap:var(--space-2);padding:4px 0;display:flex}.shortcut-key{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-xs);min-width:22px;box-shadow:0 1px 0 var(--border-strong);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;justify-content:center;align-items:center;padding:2px 5px;display:inline-flex}.shortcut-description{font-size:var(--text-sm);color:var(--text-secondary)}.command-palette{z-index:1001;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding-top:16vh;display:flex;position:fixed;inset:0}.palette-content{background:var(--bg-surface);border-radius:var(--radius-2xl);width:90%;max-width:560px;box-shadow:var(--ring-surface), var(--shadow-overlay);border:none;position:relative;overflow:hidden}.palette-input-container{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle)}.palette-input{width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-sans);background:0 0;border:none}.palette-input:focus{box-shadow:none;outline:none}.palette-input::placeholder{color:var(--text-tertiary)}.palette-results{max-height:280px;overflow-y:auto}.palette-empty{padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.palette-list{margin:0;padding:4px;list-style:none}.palette-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);display:flex}.palette-item:hover,.palette-item.selected{background:var(--bg-hover)}.palette-item-label{font-size:var(--text-sm);color:var(--text-primary);flex:1}.palette-item-category{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.palette-item-shortcut{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:22px;font-family:var(--font-mono);color:var(--text-secondary);justify-content:center;align-items:center;padding:2px 5px;font-size:10px;display:inline-flex}.export-dialog-backdrop{z-index:1000;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);width:420px;max-width:90vw;overflow:hidden}.export-dialog-header{padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;display:flex}.export-dialog-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.export-dialog-close{color:var(--text-tertiary);font-size:var(--text-xl);cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;line-height:1}.export-dialog-close:hover{color:var(--text-primary)}.export-dialog-body{padding:var(--space-5)}.export-dialog-progress{gap:var(--space-3);flex-direction:column;display:flex}.export-progress-status{font-size:var(--text-base);color:var(--text-secondary);margin:0}.export-progress-bar-track{background:var(--bg-sunken);border-radius:var(--radius-xs);width:100%;height:6px;overflow:hidden}.export-progress-bar-fill{background:var(--accent);border-radius:var(--radius-xs);height:100%;transition:width var(--duration-base) var(--ease-out)}.export-progress-pct{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center;margin:0}.export-dialog-error{text-align:center}.export-error-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-danger);margin:0 0 var(--space-2)}.export-error-message{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.export-error-message code{background:var(--bg-sunken);padding:1px var(--space-1);border-radius:var(--radius-xs);font-size:var(--text-sm)}.export-dialog-complete{text-align:center}.export-complete-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-success);margin:0 0 var(--space-3)}.export-download-link{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--accent-on-fill);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);margin-bottom:var(--space-2);text-decoration:none;display:inline-block}.export-download-link:hover{opacity:.9}.export-complete-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-2) 0 0}.export-dialog-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border-faint);display:flex}.export-cancel-btn,.export-retry-btn,.export-close-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-raised);color:var(--text-primary)}.export-cancel-btn:hover,.export-retry-btn:hover,.export-close-btn:hover{background:var(--bg-hover)}.export-cancel-btn{background:var(--color-danger-subtle);border-color:var(--color-danger-subtle);color:var(--color-danger)}.export-cancel-btn:hover{background:var(--color-danger-subtle);opacity:.8}.export-retry-btn{background:var(--accent);color:var(--accent-on-fill);border-color:#0000}.export-retry-btn:hover{opacity:.9}.tl-layout{background:var(--bg-panel);overscroll-behavior:none;height:100%;font-size:var(--text-xs);line-height:var(--leading-tight);outline:none;flex-direction:column;display:flex;overflow:hidden}.tl-layout:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-subtle)}.tl-ruler-wrapper{height:var(--ruler-height);min-height:var(--ruler-height);background:var(--bg-surface-soft);border-bottom:1px solid var(--border-subtle);margin-left:var(--track-header-width);position:relative;overflow:hidden}.tl-ruler-canvas{height:100%;position:relative;overflow:hidden}.tl-ruler-playhead-wrapper{pointer-events:auto;cursor:ew-resize;z-index:10;padding:0 3px;position:absolute;bottom:0;transform:translate(-50%)}.tl-ruler-playhead{background:var(--playhead-color,#fff);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);filter:drop-shadow(0 2px 3px #00000073);pointer-events:none;width:12px;height:14px}.tl-status-bar{background:var(--bg-surface-soft);border-top:1px solid var(--border-faint);height:20px;min-height:20px;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);align-items:center;gap:var(--space-1);-webkit-user-select:none;user-select:none;display:flex}.tl-status-item{white-space:nowrap}.tl-status-item+.tl-status-item:before{content:"·";margin-right:var(--space-1);color:var(--text-disabled)}.tl-toolbar-v2{height:var(--toolbar-height);min-height:var(--toolbar-height);background:var(--bg-surface-soft);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-2);align-items:center;gap:var(--space-2);display:flex}.tl-toolbar-tools{gap:1px;display:flex}.tl-toolbar-btn{width:var(--tl-toolbar-btn-size);height:var(--tl-toolbar-btn-size);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);will-change:transform;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform 40ms;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.tl-toolbar-btn:hover{color:var(--text-secondary);background:var(--state-hover)}.tl-toolbar-btn:active{transform:scale(.94)}.tl-toolbar-btn:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-toolbar-btn.is-active{color:var(--selection-on-fill);background:var(--selection);border-color:var(--selection)}.tl-toolbar-timecode{text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "zero" 1;letter-spacing:.04em;-webkit-user-select:none;user-select:none;flex:1}.tl-toolbar-zoom{align-items:center;gap:2px;display:flex}.tl-toolbar-separator{background:var(--border-subtle);flex-shrink:0;width:1px;height:16px;margin:0 2px}.tl-toolbar-add-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);margin-left:1px;line-height:1}.tl-zoom-slider{align-items:center;width:80px;display:flex}.tl-zoom-slider-input{appearance:none;border-radius:var(--radius-xs);background:linear-gradient(to right, var(--selection) 0%, var(--selection) var(--zoom-pct,50%), var(--bg-input) var(--zoom-pct,50%), var(--bg-input) 100%);cursor:pointer;outline:none;width:100%;height:3px}.tl-zoom-slider-input::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--text-primary);cursor:pointer;opacity:0;width:10px;height:10px;transition:opacity var(--transition-fast);border:none}.tl-zoom-slider-input:hover::-webkit-slider-thumb{opacity:1}.tl-zoom-slider-input:active::-webkit-slider-thumb{opacity:1}.tl-zoom-slider-input::-moz-range-thumb{border-radius:var(--radius-full);background:var(--text-primary);cursor:pointer;opacity:0;width:10px;height:10px;transition:opacity var(--transition-fast);border:none}.tl-zoom-slider-input:hover::-moz-range-thumb{opacity:1}.tl-zoom-slider-input:active::-moz-range-thumb{opacity:1}.tl-zoom-slider-input::-moz-range-track{border-radius:var(--radius-xs);background:var(--bg-input);height:3px}.tl-track-area{overscroll-behavior:none;flex:1;position:relative;overflow:auto}.tl-track-list-wrapper{overscroll-behavior:none;min-width:max-content;position:relative}.tl-track-row{min-height:var(--track-height,48px);overscroll-behavior:none;min-width:max-content;transition:background var(--transition-fast);contain:layout paint;display:flex}.tl-track-row[data-track-type=audio]{min-height:var(--track-height-audio,36px)}.tl-track-row>.tl-track-header{width:var(--track-header-width);padding:0 var(--space-2) 0 0;background:var(--bg-surface-soft);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-faint);align-items:center;gap:var(--space-1);-webkit-user-select:none;user-select:none;z-index:10;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;display:flex;position:sticky;left:0;overflow:hidden}.tl-track-row>.tl-track-header.is-selected{background:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-surface-soft));border-right-color:var(--accent-border)}.tl-track-row>.tl-track-header:before{content:"";width:var(--clip-chip-width);background:var(--track-video);transition:width var(--transition-fast);flex-shrink:0;position:absolute;top:0;bottom:0;left:0}.tl-track-row>.tl-track-header.is-selected:before{width:4px}.tl-track-row[data-track-type=video]>.tl-track-header:before{background:var(--track-video)}.tl-track-row[data-track-type=audio]>.tl-track-header:before{background:var(--track-audio)}.tl-track-row[data-track-type=subtitle]>.tl-track-header:before,.tl-track-row[data-track-type=title]>.tl-track-header:before{background:var(--track-subtitle)}.tl-track-header-drag{color:var(--text-disabled);cursor:grab;opacity:.3;margin-left:calc(var(--clip-chip-width) + 2px);transition:opacity var(--transition-fast);flex-shrink:0}.tl-track-row:hover .tl-track-header-drag{opacity:.6}.tl-track-header-drag:hover{color:var(--text-secondary);opacity:1!important}.tl-track-header-type-icon{opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}.tl-track-row:hover .tl-track-header-type-icon{opacity:1}.tl-track-row[data-track-type=video] .tl-track-header-type-icon{color:var(--track-video)}.tl-track-row[data-track-type=audio] .tl-track-header-type-icon{color:var(--track-audio)}.tl-track-row[data-track-type=subtitle] .tl-track-header-type-icon,.tl-track-row[data-track-type=title] .tl-track-header-type-icon{color:var(--track-subtitle)}.tl-track-header-name{font-family:var(--font-condensed);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;letter-spacing:var(--tracking-wide);transition:color var(--transition-fast);flex:1;overflow:hidden}.tl-track-row:hover .tl-track-header-name,.tl-track-row>.tl-track-header.is-selected .tl-track-header-name{color:var(--text-primary)}.tl-track-header-actions{opacity:.35;transition:opacity var(--transition-fast);flex-shrink:0;gap:1px;display:flex}.tl-track-row:hover .tl-track-header-actions,.tl-track-row:focus-within .tl-track-header-actions{opacity:1}.tl-track-header-actions:has(.is-active){opacity:1}.tl-track-header-btn{width:var(--tl-header-btn-size);height:var(--tl-header-btn-size);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);will-change:transform;transition:color var(--transition-fast), background var(--transition-fast), transform 40ms;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tl-track-header-btn:hover{color:var(--text-primary);background:var(--state-hover)}.tl-track-header-btn:active{transform:scale(.9)}.tl-track-header-btn:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-track-header-btn.is-active{color:var(--selection);background:var(--accent-subtle)}.tl-track-header-btn.is-active:hover{background:var(--accent-muted)}.tl-track-body{border-bottom:1px solid var(--tl-separator);overscroll-behavior:none;cursor:default;height:100%;transition:background var(--transition-fast);flex:none;position:relative;overflow:hidden}.tl-track-row:hover>.tl-track-body{background:color-mix(in srgb, var(--bg-app) 96%, var(--text-primary))}.tl-track-body[data-tool=razor]{cursor:crosshair}.tl-track-body[data-tool=hand]{cursor:grab}.tl-track-body-grid{pointer-events:none;position:absolute;inset:0}.tl-track-row:nth-child(2n)>.tl-track-body{background:var(--bg-app)}.tl-track-row:nth-child(2n):hover>.tl-track-body{background:color-mix(in srgb, var(--bg-app) 96%, var(--text-primary))}.tl-empty-track{inset:var(--clip-inset);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.tl-track-row:hover .tl-empty-track,.tl-track-row:focus-within .tl-empty-track{opacity:1}.tl-empty-track span{font-size:var(--text-2xs);font-family:var(--font-condensed);color:var(--text-disabled);-webkit-user-select:none;user-select:none;letter-spacing:var(--tracking-wide);text-transform:uppercase}@keyframes tl-selection-flash{0%{opacity:.7}50%{opacity:1}to{opacity:1}}.tl-v2-clip{top:var(--clip-inset);height:calc(100% - calc(var(--clip-inset) * 2));border-radius:var(--clip-radius);border:1px solid var(--border-strong);cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;min-width:6px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform 40ms;position:absolute;overflow:hidden}.tl-v2-clip:before{content:"";width:var(--clip-chip-width);z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.tl-v2-clip[data-clip-type=video]{background:var(--track-video-bg)}.tl-v2-clip[data-clip-type=video]:before{background:var(--track-video-solid)}.tl-v2-clip[data-clip-type=audio]{background:var(--track-audio-bg)}.tl-v2-clip[data-clip-type=audio]:before{background:var(--track-audio-solid)}.tl-v2-clip[data-clip-type=text]{background:var(--track-subtitle-bg)}.tl-v2-clip[data-clip-type=text]:before{background:var(--track-subtitle-solid)}.tl-v2-clip:not([data-clip-type]){background:var(--bg-raised)}.tl-v2-clip:hover{border-color:var(--text-tertiary)}.tl-v2-clip:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-v2-clip:active:not(.is-dragging){transform:scale(.995)}.tl-v2-clip.is-selected{z-index:2;border-color:var(--tl-clip-selected-border);box-shadow:0 0 0 1px var(--tl-clip-selected-border), var(--tl-playhead-shadow);animation:.18s tl-selection-flash}.tl-v2-clip.is-dragging{opacity:.82;box-shadow:var(--tl-clip-drag-shadow);cursor:grabbing;z-index:5;transition:none;animation:none}.tl-v2-clip.is-dragging.is-selected{box-shadow:var(--tl-clip-drag-shadow), 0 0 0 1px var(--tl-clip-selected-border)}.tl-v2-clip-move-zone{cursor:grab;position:absolute;inset:0}.tl-v2-clip-move-zone:active{cursor:grabbing}.tl-v2-clip-label{z-index:1;font-family:var(--font-condensed);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--text-secondary);padding:2px calc(var(--clip-chip-width) + 6px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;line-height:var(--leading-tight);display:block;position:relative;overflow:hidden}.tl-v2-clip-trim-handle{width:var(--tl-trim-handle-width,6px);cursor:col-resize;z-index:2;height:100%;transition:background var(--transition-fast);background:0 0;position:absolute;top:0}.tl-v2-clip:hover .tl-v2-clip-trim-handle{background:var(--tl-trim-handle-bg,#ffffff40)}.tl-v2-clip-trim-handle:hover{background:var(--tl-trim-handle-hover-bg,var(--tl-snap-color,#38a9c9))}.tl-v2-clip.is-dragging .tl-v2-clip-trim-handle{background:var(--tl-trim-handle-active-bg,var(--tl-snap-color,#38a9c9))}.tl-v2-clip-trim-handle--left{cursor:w-resize;border-radius:var(--clip-radius) 0 0 var(--clip-radius);left:0}.tl-v2-clip-trim-handle--right{cursor:e-resize;border-radius:0 var(--clip-radius) var(--clip-radius) 0;right:0}.tl-v2-clip-razor-line{opacity:.7;pointer-events:none;z-index:5;background:#fff;width:1px;position:absolute;top:0;bottom:0}.tl-snap-guide{background:var(--tl-snap-color);opacity:.35;pointer-events:none;z-index:8;width:1px;position:absolute;top:0;bottom:0}.tl-v2-playhead{background:var(--playhead-color,#fff);width:1.5px;box-shadow:var(--playhead-shadow,0 0 6px #fff6);pointer-events:none;z-index:10;transition:none;position:absolute;top:0;bottom:0}.tl-v2-playhead:before{content:"";background:var(--playhead-color,#fff);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);filter:drop-shadow(0 2px 3px #00000073);width:12px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-v2-playhead.is-dragging{transition:none}.tl-v2-playhead:not(.is-interactive){pointer-events:none}.tl-v2-playhead:not(.is-interactive) .tl-v2-playhead-hit{pointer-events:none;display:none}.tl-v2-playhead-hit{cursor:ew-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:11;width:22px;position:absolute;top:0;bottom:0;left:-10px}.tl-v2-playhead-hit:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-transition-handle{top:var(--clip-inset);height:calc(100% - calc(var(--clip-inset) * 2));cursor:ew-resize;z-index:3;border-radius:var(--radius-xs);background:var(--accent-subtle);opacity:0;transition:opacity var(--transition-fast);position:absolute}.tl-transition-handle:hover{opacity:1;background:var(--accent-muted)}.tl-transition-handle.is-dragging{opacity:1;background:var(--accent-border)}.tl-transition-visual{top:var(--clip-inset);height:calc(100% - calc(var(--clip-inset) * 2));background:var(--accent-subtle);border:1px dashed var(--accent-border);border-radius:var(--radius-xs);pointer-events:none;z-index:1;position:absolute}.tl-context-menu{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-md);padding:3px 0}.tl-context-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:4px var(--space-3);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.tl-context-menu-item:hover{background:var(--bg-hover)}.tl-v2-clip-rename-input,.tl-track-header-rename-input{background:var(--bg-input,var(--bg-app));border:1px solid var(--border-focus);color:var(--text-primary);font:inherit;font-size:var(--text-2xs);border-radius:2px;outline:none;flex:1;min-width:0;padding:1px 3px}.tl-v2-clip-rename-input{left:calc(var(--clip-chip-width) + 2px);z-index:6;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tl-track-header-rename-input{flex:1;min-width:36px}.toggle-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.toggle-row-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium)}.toggle-row-checkbox{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.color-dot{justify-content:center;align-items:center;display:inline-flex;position:relative}.color-dot-swatch{border-radius:var(--radius-full);border:1px solid var(--border-default);cursor:pointer;width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out)}.color-dot-swatch:hover{transform:scale(1.1)}.color-dot-input{clip:rect(0, 0, 0, 0);border:0;width:0;height:0;padding:0;position:absolute;overflow:hidden}.tl-track-header-resize{cursor:ns-resize;height:3px;transition:background var(--duration-fast) var(--ease-out);background:0 0;position:absolute;bottom:0;left:0;right:0}.tl-track-header-resize:after{content:"";background:var(--border-subtle);opacity:0;width:20px;height:1px;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tl-track-header-resize:hover{background:var(--accent-subtle)}.tl-track-header-resize:hover:after{opacity:1}.tl-track-header-resize:active{background:var(--accent-border)}.tl-toolbar-v3{height:var(--tl-toolbar-v3-height,36px);min-height:var(--tl-toolbar-v3-height,36px);background:var(--bg-surface-soft);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-3);align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.tl-toolbar-v3-actions{align-items:center;gap:var(--space-1);display:flex}.tl-toolbar-v3-btn{width:var(--tl-toolbar-btn-size);height:var(--tl-toolbar-btn-size);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast), transform 40ms;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tl-toolbar-v3-btn:hover{color:var(--text-primary);background:var(--state-hover)}.tl-toolbar-v3-btn:active{transform:scale(.94)}.tl-toolbar-v3-btn:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-toolbar-v3-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.tl-toolbar-v3-page-wrapper{margin-left:var(--space-2);position:relative}.tl-toolbar-v3-page-select{align-items:center;gap:var(--space-1);height:var(--control-height);padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;display:inline-flex}.tl-toolbar-v3-page-label{color:inherit}.tl-toolbar-v3-page-select:hover{background:var(--state-hover);border-color:var(--border-strong)}.tl-toolbar-v3-page-select.is-open{background:var(--state-active);border-color:var(--border-strong)}.tl-toolbar-v3-page-chevron{opacity:.6;transition:transform var(--transition-fast)}.tl-toolbar-v3-page-select.is-open .tl-toolbar-v3-page-chevron{transform:rotate(180deg)}.tl-toolbar-v3-page-menu{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:120px;box-shadow:var(--shadow-overlay);padding:var(--space-1);z-index:100;position:absolute;top:calc(100% + 4px);left:0}.tl-toolbar-v3-page-menu-item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:block}.tl-toolbar-v3-page-menu-item:hover{background:var(--bg-hover)}.tl-toolbar-v3-page-menu-item.is-active{color:var(--accent);font-weight:var(--weight-medium)}.tl-toolbar-v3-transport{justify-content:center;align-items:center;gap:var(--space-3);flex:1;display:flex}.tl-toolbar-v3-timecode{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "zero" 1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.tl-toolbar-v3-timecode-current{color:var(--text-primary);font-weight:var(--weight-medium)}.tl-toolbar-v3-timecode-sep{color:var(--text-tertiary);margin:0 1px}.tl-toolbar-v3-timecode-duration{color:var(--text-secondary)}.tl-toolbar-v3-transport-btns{align-items:center;gap:2px;display:flex}.tl-toolbar-v3-transport-btn{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tl-toolbar-v3-transport-btn svg{width:16px;height:16px}.tl-toolbar-v3-transport-btn:hover{color:var(--text-primary);background:var(--state-hover)}.tl-toolbar-v3-transport-btn:active{transform:scale(var(--scale-press))}.tl-toolbar-v3-play-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.tl-toolbar-v3-play-btn:hover{background:var(--accent-subtle)}.tl-toolbar-v3-play-btn:active{transform:scale(.92)}.tl-toolbar-v3-play-btn.is-playing{color:var(--accent)}.tl-toolbar-v3-zoom{justify-self:end;align-items:center;gap:2px;display:flex}.tl-toolbar-v3-fit-btn{height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), transform 40ms;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tl-toolbar-v3-fit-btn:hover{color:var(--text-primary);background:var(--state-hover)}.tl-toolbar-v3-fit-btn:active{transform:scale(.94)}.tl-toolbar-v3-fit-btn:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-empty-state-v3{inset:var(--clip-inset,12px);border:1px dashed var(--border-default);border-radius:var(--radius-xs);justify-content:center;align-items:center;gap:var(--space-2);pointer-events:none;display:flex;position:absolute}.tl-empty-state-v3.is-clickable{pointer-events:auto;cursor:pointer;transition:border-color var(--transition-fast)}.tl-empty-state-v3.is-clickable:hover{border-color:var(--text-tertiary)}.tl-empty-state-v3.is-clickable:focus-visible{box-shadow:var(--tl-ring-accent);outline:none}.tl-empty-state-v3-icon{color:#8a8a9e;flex-shrink:0}.tl-empty-state-v3-label{font-family:var(--font-sans);font-size:var(--text-sm);color:#8a8a9e;-webkit-user-select:none;user-select:none;letter-spacing:var(--tracking-normal)}.tl-v2-clip-thumbnail{pointer-events:none;z-index:0;border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.tl-v2-clip:has(.tl-v2-clip-thumbnail){background:0 0}.tl-v2-clip-label-chip{z-index:2;padding:2px 6px 2px calc(var(--clip-chip-width) + 6px);border-radius:var(--radius-xs);color:#ffffffeb;background:#0000008c;max-width:calc(100% - 8px);margin-top:2px;margin-left:0;display:inline-block;position:relative}.tl-ruler-v3-track{width:calc(100% - var(--track-header-width));margin-left:var(--track-header-width);background:var(--bg-surface-soft,#16161c);border-bottom:1px solid var(--border-subtle,#ffffff14);overscroll-behavior:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;position:relative;overflow:hidden}.tl-ruler-v3-canvas{display:block}.tl-ruler-v3-playhead-wrapper{z-index:20;pointer-events:none;transition:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}.tl-ruler-v3-playhead-wrapper.is-dragging{transition:none}.tl-ruler-v3-playhead-handle{cursor:ew-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #00000073);z-index:22;justify-content:center;align-items:center;width:14px;height:16px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-ruler-v3-playhead-svg{pointer-events:none;display:block}.tl-ruler-v3-playhead-line{pointer-events:none;z-index:21;background:#fff;width:1.5px;height:1000px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #fff6}.tl-layout--v3{background:var(--bg-panel,#0e0e12)}.tl-layout--v3 .tl-track-area--empty{background:var(--bg-surface-soft,#121217);justify-content:center;align-items:center;min-height:180px;display:flex;position:relative}.tl-layout--v3 .tl-track-area{background:var(--bg-surface-soft,#121217)}.tl-layout--v3 .tl-v2-playhead:before{display:none}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius-sm:.1875rem;--radius-md:.25rem;--radius-lg:.3125rem;--radius-xl:.375rem;--radius-2xl:.4375rem;--fd-radius:.25rem;--fd-radius-lg:.3125rem;--color-fd-primary:#fff383;--color-fd-primary-foreground:#09090b;--font-sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, monospace;--text-xs:.78125rem;--text-sm:.90625rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem}[data-grid-area=main]{display:none}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0b02cdm7g7y6h.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}