:root{--bg-0: #0a0a0d;--bg-1: #111116;--bg-2: #181820;--bg-3: #20202a;--bg-4: #2a2a36;--bg-5: #353544;--bg-elev: #1a1a22;--text-0: #f4f5f8;--text-1: #c6c8d2;--text-2: #888a96;--text-3: #555763;--text-4: #3a3c46;--accent: #4d8cff;--accent-hover: #6aa3ff;--accent-press: #3b78e3;--accent-soft: rgba(77, 140, 255, .16);--accent-glow: 0 0 24px rgba(77, 140, 255, .45);--gradient-brand: linear-gradient(135deg, #4d8cff 0%, #8b5cf6 100%);--gradient-warn: linear-gradient(135deg, #ffb84a 0%, #ff7a5c 100%);--gradient-ai: linear-gradient(135deg, #c98cff 0%, #4d8cff 100%);--danger: #ff5a6f;--warn: #ffb84a;--success: #4cd687;--info: #4dc5ff;--track-video: #3b78e3;--track-audio: #4cd687;--track-text: #c98cff;--track-image: #ffb84a;--track-subtitle: #ff7a5c;--border: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .1);--border-focus: var(--accent);--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .6);--header-h: 48px;--timeline-h: 300px;--side-w: 320px;--props-w: 320px;--sidebar-tab-h: 36px;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;color:var(--text-0);background:var(--bg-0);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-feature-settings:"cv02","cv03","cv04"}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}button{font:inherit;color:var(--text-1);background:transparent;border:1px solid transparent;cursor:pointer;border-radius:var(--radius-md);padding:6px 12px;transition:background .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}button:hover{background:var(--bg-3);color:var(--text-0)}button:active{background:var(--bg-4);transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--gradient-brand);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 4px 12px #4d8cff40}button.primary:hover{filter:brightness(1.1)}button.primary:active{filter:brightness(.95)}button.primary.ai{background:var(--gradient-ai);box-shadow:0 4px 12px #c98cff40}button.ghost{background:transparent}button.ghost:hover{background:var(--bg-3)}button.danger{color:var(--danger)}button.danger:hover{background:#ff5a6f1f;color:var(--danger)}button.icon-only{padding:6px;gap:0}button.small{padding:4px 8px;font-size:12px}button .icon-stroke{width:16px;height:16px}input,select,textarea{font:inherit;color:var(--text-0);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color .12s ease}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background:var(--bg-3)}input[type=range]{padding:0;background:transparent;border:none;height:18px;-webkit-appearance:none;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--bg-3);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;border:2px solid white;margin-top:-5px;cursor:grab;box-shadow:0 2px 6px #0006}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}input[type=color]{width:28px;height:28px;padding:2px;border-radius:50%;background:var(--bg-3);cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--bg-4)}::-webkit-scrollbar-corner{background:transparent}.app{display:grid;grid-template-rows:var(--header-h) 1fr var(--timeline-h);height:100vh;width:100vw;background:var(--bg-0)}.app-body{display:grid;grid-template-columns:var(--side-w) 1fr var(--props-w);overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.panel{background:var(--bg-1);display:flex;flex-direction:column;min-height:0;min-width:0}.panel+.panel{border-left:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border);height:40px;font-weight:600;color:var(--text-0);background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);flex-shrink:0;font-size:12px;letter-spacing:.4px;text-transform:uppercase}.panel-header .title{display:flex;align-items:center;gap:8px;color:var(--text-1)}.panel-body{flex:1;overflow:auto;min-height:0}.app-header{display:flex;align-items:center;padding:0 14px;background:linear-gradient(180deg,#14141b,#0e0e13);border-bottom:1px solid var(--border);gap:14px;height:var(--header-h);position:relative}.app-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 100% at 40% 0%,rgba(77,140,255,.08) 0%,transparent 70%)}.app-header .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px;font-size:14px;color:var(--text-0);z-index:1}.app-header .brand .logo{width:26px;height:26px;background:var(--gradient-brand);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--accent-glow)}.app-header .project-name{background:transparent;border:1px solid transparent;padding:6px 10px;border-radius:var(--radius-md);color:var(--text-0);min-width:240px;font-size:13px;z-index:1}.app-header .project-name:hover{border-color:var(--border-strong)}.app-header .project-name:focus{border-color:var(--border-focus);background:var(--bg-2)}.app-header .spacer{flex:1}.app-header .menu-group{display:flex;gap:4px;align-items:center;z-index:1}.app-header .menu-group .sep{width:1px;height:22px;background:var(--border-strong);margin:0 4px}.app-header .status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--bg-3);color:var(--text-2);font-size:11px;z-index:1}.app-header .status-pill.unsaved{background:#ffb84a29;color:var(--warn)}.app-header .status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sidebar-tabs{display:flex;gap:2px;padding:6px;background:var(--bg-2);border-bottom:1px solid var(--border)}.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:var(--radius-sm);cursor:pointer;background:transparent;color:var(--text-2);border:1px solid transparent;font-size:10px;letter-spacing:.3px;transition:all .12s ease;gap:4px}.sidebar-tab:hover{color:var(--text-1);background:var(--bg-3)}.sidebar-tab.active{color:var(--text-0);background:var(--bg-4);border-color:var(--border-strong)}.sidebar-tab.active .icon-stroke{color:var(--accent)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:12px}.media-tile{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;cursor:grab;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;position:relative}.media-tile:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-tile:active{cursor:grabbing}.media-tile.previewing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px #4d8cff80}.tile-add-btn{position:absolute;bottom:6px;left:6px;width:28px;height:28px;border-radius:50%;background:var(--gradient-brand);color:#fff;border:none;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;cursor:pointer;box-shadow:0 4px 14px #4d8cff66}.media-tile:hover .tile-add-btn{opacity:1;transform:translateY(0)}.tile-add-btn:hover{filter:brightness(1.1)}.tile-add-btn:active{transform:translateY(1px)}.media-tile .thumb{width:100%;aspect-ratio:16/9;background:var(--bg-3);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;position:relative;color:var(--text-3)}.media-tile .thumb .badge{position:absolute;bottom:6px;right:6px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.media-tile .meta{padding:8px 10px;font-size:12px;color:var(--text-1);display:flex;flex-direction:column;gap:2px}.media-tile .meta .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.media-tile .meta .info{color:var(--text-3);font-size:11px;display:flex;align-items:center;gap:6px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 20px;color:var(--text-2);text-align:center;height:100%;gap:12px}.empty-state .empty-icon{width:64px;height:64px;background:var(--bg-2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);border:1px dashed var(--border-strong)}.empty-state .empty-title{color:var(--text-1);font-size:13px;font-weight:500}.empty-state .hint{font-size:11px;color:var(--text-3);max-width:220px;line-height:1.4}.preview{display:flex;flex-direction:column;background:var(--bg-0);min-height:0;max-height:800px}.preview .canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;background-color:#15151c;background-image:radial-gradient(ellipse at top,rgba(77,140,255,.05),transparent 55%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.035) 1px,transparent 1.5px);background-size:auto,18px 18px;background-position:0 0,0 0;position:relative;overflow:hidden;min-height:0}.preview .stage{position:relative;background:var(--project-bg, #000);box-shadow:0 0 0 1px #ffffff38,0 0 0 4px #0000008c,0 22px 60px #000000b3;overflow:hidden;border-radius:4px}.preview .stage video,.preview .stage img,.preview .stage .text-layer,.preview .stage .subtitle-layer{position:absolute;top:50%;left:50%;transform-origin:center center;will-change:transform,opacity,filter;pointer-events:auto}.preview .stage .text-layer{white-space:pre;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.5);padding:0 12px;border-radius:6px}.preview .stage .subtitle-layer{font-weight:700;font-size:56px;text-align:center;text-shadow:0 4px 12px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.95);letter-spacing:.2px;line-height:1.2;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:.35em}.preview .stage .subtitle-layer .sub-word{color:#fff;display:inline-block;will-change:transform,color,opacity}.preview .stage .selection-overlay{pointer-events:none}.preview .stage .selection-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px dashed var(--accent, #4a9eff);box-shadow:0 0 0 1px #0009 inset;border-radius:2px}.preview .stage .sel-handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid var(--accent, #4a9eff);border-radius:50%;pointer-events:auto;touch-action:none;box-shadow:0 2px 6px #00000080}.preview .stage .sel-handle.sel-corner.tl{top:-8px;left:-8px;cursor:nwse-resize}.preview .stage .sel-handle.sel-corner.tr{top:-8px;right:-8px;cursor:nesw-resize}.preview .stage .sel-handle.sel-corner.bl{bottom:-8px;left:-8px;cursor:nesw-resize}.preview .stage .sel-handle.sel-corner.br{bottom:-8px;right:-8px;cursor:nwse-resize}.preview .stage .sel-handle.sel-rotate{top:-44px;left:50%;transform:translate(-50%);width:18px;height:18px;background:var(--accent, #4a9eff);border-color:#fff;cursor:grab}.preview .stage .sel-handle.sel-rotate:after{content:"";position:absolute;top:14px;left:50%;width:0;height:24px;border-left:1.5px dashed var(--accent, #4a9eff);transform:translate(-50%)}.preview-controls{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--bg-1);border-top:1px solid var(--border)}.preview-controls .time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-1)}.preview-controls .play{background:var(--gradient-brand);color:#fff;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;box-shadow:var(--accent-glow);padding:0;gap:0}.preview-controls .play:hover{filter:brightness(1.1)}.preview-controls .nav-btn{width:28px;height:28px;border-radius:50%;padding:0;color:var(--text-1)}.preview-controls .toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--text-2)}.preview-controls .toggle input{accent-color:var(--accent)}.source-range-band{position:absolute;left:0;right:0;bottom:36px;height:6px;pointer-events:none}.source-range-band .band-selection{position:absolute;top:0;bottom:0;background:#4d8cff59;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.source-range-band .band-marker{position:absolute;top:-6px;bottom:-6px;width:2px;background:#fff;box-shadow:0 0 6px #000000b3}.source-range-band .band-marker.in{background:var(--success);box-shadow:0 0 8px var(--success)}.source-range-band .band-marker.out{background:var(--danger);box-shadow:0 0 8px var(--danger)}.marker-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.marker-dot.in{background:var(--success)}.marker-dot.out{background:var(--danger)}.props{padding:12px;display:flex;flex-direction:column;gap:12px}.prop-section{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 100%);border-radius:var(--radius-md);padding:12px 14px;border:1px solid var(--border)}.prop-section h4{margin:0 0 10px;font-size:11px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:6px}.prop-section h4 .icon-stroke{color:var(--accent)}.prop-row{display:grid;grid-template-columns:96px 1fr 56px;gap:8px;align-items:center;margin-bottom:6px}.prop-row label{color:var(--text-2);font-size:12px}.prop-row input[type=range]{width:100%}.prop-row input[type=number]{width:100%;text-align:right;font-feature-settings:"tnum"}.prop-row .value{text-align:right;color:var(--text-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px}.prop-row .value.active{color:var(--accent)}.timeline{display:grid;grid-template-columns:160px 1fr;background:var(--bg-1);border-top:1px solid var(--border);min-height:0;overflow:hidden}.timeline-tools{display:flex;align-items:center;gap:4px;padding:6px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);grid-column:1 / span 2}.timeline-tools .sep{width:1px;background:var(--border-strong);height:18px;margin:0 6px}.timeline-tools .zoom-row{display:flex;align-items:center;gap:6px;margin-left:auto}.timeline-tools .zoom-row .zoom-value{color:var(--text-3);font-size:11px;font-feature-settings:"tnum";min-width:56px;text-align:right}.timeline-grid{display:grid;grid-template-rows:30px 1fr;grid-template-columns:160px 1fr;grid-column:1 / span 2;min-height:0;overflow:hidden}.timeline-ruler-spacer{background:var(--bg-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.timeline-ruler{background:var(--bg-2);border-bottom:1px solid var(--border);overflow:hidden;position:relative;cursor:ew-resize}.timeline-track-labels{background:var(--bg-1);border-right:1px solid var(--border);overflow:auto;scrollbar-width:none}.timeline-track-labels::-webkit-scrollbar{display:none}.track-label{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-1);background:var(--bg-1)}.track-label .swatch{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.track-label .swatch.video{background:var(--track-video)}.track-label .swatch.audio{background:var(--track-audio);color:#000}.track-label .swatch.subtitle{background:var(--track-subtitle)}.track-label .name{flex:1;font-weight:500}.track-label .toggles{display:flex;gap:2px}.track-label .toggle{color:var(--text-3);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease,background .12s ease}.track-label .toggle:hover{background:var(--bg-3)}.track-label .toggle.on{color:var(--text-0)}.track-label .toggle.warn{color:var(--warn)}.timeline-tracks{position:relative;overflow:auto;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--major-tick, 60px) - 1px),rgba(255,255,255,.025) calc(var(--major-tick, 60px) - 1px),rgba(255,255,255,.025) var(--major-tick, 60px)),var(--bg-0)}.timeline-row{position:relative;border-bottom:1px solid var(--border);transition:background .12s ease}.new-track-zone{height:8px;margin:1px 0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;background:transparent;border:1px dashed transparent;transition:all .16s ease;position:relative;overflow:hidden}.new-track-zone span{opacity:0;transition:opacity .16s ease}.new-track-zone.active{height:28px;background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.new-track-zone.active span{opacity:1}.clip{position:absolute;top:4px;bottom:4px;border-radius:var(--radius-sm);background:var(--track-video);color:#fff;font-size:11px;padding:4px 6px;overflow:hidden;cursor:grab;border:1px solid rgba(0,0,0,.4);box-shadow:var(--shadow-sm),inset 0 1px #ffffff2e;display:flex;align-items:center;-webkit-user-select:none;user-select:none;transition:outline 80ms ease,transform 80ms ease}.clip:active{cursor:grabbing}.clip.kind-audio{background:var(--track-audio);color:#033922}.clip.kind-text{background:var(--track-text)}.clip.kind-image{background:var(--track-image);color:#2a1c00}.clip.kind-subtitle{background:var(--track-subtitle)}.clip.selected{outline:2px solid var(--accent);outline-offset:1px;z-index:5;box-shadow:var(--shadow-sm),var(--accent-glow)}.clip .handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;background:#00000047;transition:background .12s ease}.clip .handle:hover{background:#ffffff40}.clip .handle.left{left:0;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.clip .handle.right{right:0;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.clip .label{pointer-events:none;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.4)}.clip .thumbnails{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat-x;background-position:left center;background-size:auto 100%;opacity:.55;border-radius:var(--radius-sm);pointer-events:none}.clip .waveform{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.85}.drop-indicator{position:absolute;width:3px;background:var(--success);border-radius:2px;z-index:48;pointer-events:none;box-shadow:0 0 12px #4cd687e6;animation:pulse-drop .8s ease-in-out infinite}@keyframes pulse-drop{0%,to{opacity:.85}50%{opacity:1}}.drop-indicator:before{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;background:var(--success);border-radius:50%;box-shadow:0 0 8px #4cd687e6}.snap-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:49;pointer-events:none;box-shadow:0 0 6px #4d8cffb3;opacity:.9}.snap-guide:before,.snap-guide:after{content:"";position:absolute;left:-3px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px #4d8cffcc}.snap-guide:before{top:-3px}.snap-guide:after{bottom:-3px}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--danger);z-index:50;pointer-events:none;box-shadow:0 0 8px #ff5a6f99}.playhead:before{content:"";position:absolute;top:-6px;left:-6px;width:13px;height:11px;background:var(--danger);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.ruler-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--border-strong)}.ruler-label{position:absolute;top:6px;color:var(--text-2);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transform:translate(3px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:480px;max-width:640px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-up .22s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}.modal-body{padding:18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border);background:var(--bg-2);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.progress{height:8px;background:var(--bg-3);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--gradient-brand);transition:width .12s linear}.subtitle-panel{padding:12px;display:flex;flex-direction:column;gap:12px}.subtitle-row{display:flex;align-items:stretch;gap:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.subtitle-row:hover{border-color:var(--border-strong)}.subtitle-row.active{border-color:var(--accent);background:var(--accent-soft)}.subtitle-row .time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:10px;color:var(--text-3);white-space:nowrap}.subtitle-row .text{flex:1;font-size:12px;color:var(--text-0);line-height:1.35;background:transparent;border:none;outline:none;resize:none;font-family:inherit;padding:0}.subtitle-row .actions{display:flex;flex-direction:column;gap:2px;color:var(--text-3)}.subtitle-row .actions button{padding:3px}.kbd{display:inline-block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;background:var(--bg-3);border:1px solid var(--border-strong);border-bottom-width:2px;padding:1px 5px;border-radius:4px;color:var(--text-1)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;background:var(--bg-3);color:var(--text-1);font-weight:500}.tag.video{background:var(--track-video);color:#fff}.tag.audio{background:var(--track-audio);color:#000}.tag.image{background:var(--track-image);color:#000}.tag.subtitle{background:var(--track-subtitle);color:#fff}.tag.ai{background:var(--gradient-ai);color:#fff}.icon-stroke{stroke-width:1.8}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:2px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}