:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-surface-elevated: #1a1a24;--color-border: #1e1e2e;--color-border-subtle: #28283a;--color-text: #e4e4e7;--color-text-muted: #71717a;--color-text-dimmed: #52525b;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-active: #4f46e5;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-track-video: #3b82f6;--color-track-audio: #16a34a;--color-track-caption: #a855f7;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--header-height: 48px;--sidebar-width: 300px;--sidebar-min-width: 300px;--sidebar-max-width: 420px;--inspector-width: 300px;--timeline-min-height: 200px;--preview-controls-height: 48px;--transition-fast: .1s ease;--transition-normal: .2s ease;--scrollbar-size: 10px}.timeline-vertical-scroller::-webkit-scrollbar,.timeline-horizontal-scroll-row div::-webkit-scrollbar{width:8px;height:8px}.timeline-vertical-scroller::-webkit-scrollbar-track,.timeline-horizontal-scroll-row div::-webkit-scrollbar-track{background:#1e1e1e}.timeline-vertical-scroller::-webkit-scrollbar-thumb,.timeline-horizontal-scroll-row div::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.timeline-vertical-scroller::-webkit-scrollbar-thumb:hover,.timeline-horizontal-scroll-row div::-webkit-scrollbar-thumb:hover{background:#666}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.min-h-0{min-height:0}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-50{z-index:50}.z-40{z-index:40}.h-4{height:16px}.h-8{height:32px}.w-full{width:100%}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-800{border-color:#1f2937}.pointer-events-none{pointer-events:none}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.shrink-0{flex-shrink:0}.h-\[12px\]{height:12px}.h-\[14px\]{height:14px}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-bg)}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{color:var(--color-primary);font-size:1.25rem}.logo-text{font-weight:600;font-size:1rem}.project-name-display{padding:2px 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-text);font-size:.94rem;font-weight:500;cursor:text;line-height:1.3}.project-name-display:hover{border-color:#94a3b840;background:#94a3b814}.project-name-input{min-width:220px;max-width:340px;padding:4px 8px;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#e5e7eb;font-size:.9rem}.nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-menu{position:relative}.nav-button{padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-muted);font-size:.84rem;cursor:pointer;border-radius:6px;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:5px}.nav-button:hover,.nav-button.active{color:var(--color-text);background:var(--color-surface-elevated)}.nav-button-caret{font-size:.62rem;color:var(--color-text-muted);transform:translateY(1px)}.nav-button-placeholder{opacity:.52;cursor:default}.nav-button-placeholder:hover{color:var(--color-text-muted);background:transparent}.open-project-menu{position:absolute;top:calc(100% + 8px);left:0;width:360px;max-width:min(88vw,420px);background:#121420;border:1px solid #2a3040;border-radius:10px;box-shadow:0 18px 32px #02061773;z-index:80;overflow:hidden}.open-project-menu-header{padding:10px 12px;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#a1a1aa;border-bottom:1px solid #262d3e;background:#0f1220}.open-project-list{max-height:280px;overflow-y:auto}.open-project-empty{padding:12px;color:#a1a1aa;font-size:.82rem}.open-project-item{width:100%;padding:10px 12px;border:none;background:transparent;color:#f4f4f5;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.open-project-item:hover{background:#60a5fa24}.open-project-item.active{background:#60a5fa33}.open-project-item-name{font-size:.84rem;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-project-item-meta{font-size:.72rem;color:#9ca3af}.open-project-divider{border-top:1px solid #262d3e}.open-project-item--primary{padding:11px 12px;color:#bfdbfe;font-weight:500}.button-primary{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);border:none;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all var(--transition-fast)}.button-primary:hover{background:var(--color-primary-hover)}.main{display:flex;flex-direction:column;flex:1;overflow:hidden;min-width:0}.upper-panels{display:flex;flex:1;min-height:0;overflow:hidden}.lower-panels{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border-top:1px solid var(--color-border);min-height:200px}.lower-resize-handle{position:absolute;top:-4px;left:0;width:100%;height:8px;cursor:ns-resize;background:transparent;z-index:1000;transition:background var(--transition-fast)}.lower-resize-handle:hover,.lower-resize-handle.dragging{background:var(--color-primary)}.sidebar{position:relative;width:var(--sidebar-width);min-width:270px;max-width:390px;container-type:inline-size;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.left-tools-layout{display:flex;width:100%;height:100%;min-height:0}.left-tools-rail{width:52px;min-width:52px;max-width:52px;display:flex;flex-direction:column;gap:6px;padding:12px 8px;background:var(--color-bg);border-right:1px solid var(--color-border)}.left-tools-tab{width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.left-tools-tab:hover{color:var(--color-text);background:var(--color-surface-elevated);border-color:var(--color-border)}.left-tools-tab.active{color:var(--color-text);background:var(--color-surface-elevated);border-color:var(--color-primary)}.left-tools-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.left-tools-placeholder{display:flex;flex-direction:column;gap:6px;padding:var(--space-lg)}.left-tools-placeholder-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0}.left-tools-placeholder-subtitle{font-size:.78rem;color:var(--color-text-muted);line-height:1.4;margin:0}.clip-inspector{display:flex;flex-direction:column;height:100%;min-height:0}.clip-inspector-header{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.clip-inspector-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text)}.clip-inspector-subtitle{margin:4px 0 0;font-size:.75rem;color:var(--color-text-muted)}.clip-inspector-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:2px}.clip-inspector-body::-webkit-scrollbar{width:8px}.clip-inspector-body::-webkit-scrollbar-track{background:#1e1e1e}.clip-inspector-body::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.clip-inspector-body::-webkit-scrollbar-thumb:hover{background:#666}.clip-inspector-field{display:flex;flex-direction:column;gap:6px;padding:9px 0 11px;border-bottom:1px solid var(--color-border)}.clip-inspector-field:last-child{border-bottom:none}.clip-inspector-label{font-size:.74rem;color:var(--color-text)}.clip-inspector-field-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.clip-inspector-row{display:flex;align-items:center;gap:0}.clip-inspector-range{width:100%;appearance:none;-webkit-appearance:none;background:transparent;height:18px}.clip-inspector-range:focus{outline:none}.clip-inspector-range::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent)}.clip-inspector-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 45%,var(--color-border) 55%);background:var(--color-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.clip-inspector-range::-moz-range-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent)}.clip-inspector-range::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 45%,var(--color-border) 55%);background:var(--color-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.clip-inspector-range--tint::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff3b30,#f5d300 30%,#44d54a,#4aa3ff 70%,#ff3ec9)}.clip-inspector-range--tint::-moz-range-track{background:linear-gradient(90deg,#ff3b30,#f5d300 30%,#44d54a,#4aa3ff 70%,#ff3ec9)}.clip-inspector-number,.clip-inspector-select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-border) 62%,var(--color-text) 38%);background:var(--color-surface-elevated);color:var(--color-text);font-size:.74rem}.clip-inspector-number:focus,.clip-inspector-select:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 65%,var(--color-border) 35%)}.clip-inspector-number::-webkit-outer-spin-button,.clip-inspector-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.clip-inspector-number{appearance:textfield;-moz-appearance:textfield;width:56px;min-width:56px;text-align:center;padding:4px 8px}.clip-inspector-field-header .clip-inspector-number{margin-left:auto}.clip-inspector-group{margin:0;padding:0;border:none;border-bottom:1px solid var(--color-border)}.clip-inspector-group:last-of-type{border-bottom:1px solid var(--color-border)}.clip-inspector-slider-list{display:flex;flex-direction:column}.clip-inspector-slider-list .clip-inspector-field{margin:0}.clip-inspector-slider-list .clip-inspector-field:last-child{border-bottom:none}.clip-inspector-group>.clip-inspector-field{padding-top:8px;padding-bottom:10px}.clip-inspector-group-title{padding:6px 0 2px;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb,var(--color-text) 78%,var(--color-text-muted) 22%);font-weight:600}.clip-inspector-reset{margin-top:8px;padding:8px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.clip-inspector-reset:hover{border-color:var(--color-primary)}.sidebar-resize-handle{position:absolute;top:0;right:0;width:10px;height:100%;cursor:ew-resize;background:transparent;z-index:1000;transition:background var(--transition-fast)}.sidebar-resize-handle:hover,.sidebar-resize-handle.dragging{background:var(--color-primary)}.inspector{position:relative;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.inspector-resize-handle{position:absolute;top:0;left:-4px;width:8px;height:100%;cursor:ew-resize;background:transparent;z-index:1000;transition:background var(--transition-fast)}.inspector-resize-handle:hover,.inspector-resize-handle.dragging{background:var(--color-primary)}.panel{display:flex;flex-direction:column;flex:1}.panel-title{padding:var(--space-md) var(--space-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.panel-content{flex:1;padding:var(--space-lg);overflow-y:auto}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-dimmed);font-size:.875rem}.workspace{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.preview{flex:1;display:flex;flex-direction:column;background:var(--color-bg);min-height:300px}.preview-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);min-height:0}.preview-placeholder{width:100%;max-width:800px;aspect-ratio:16/9;background:var(--color-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-dimmed);border:1px solid var(--color-border)}.preview-video-canvas{width:100%;max-width:800px;aspect-ratio:16/9;border-radius:8px;background:#000;cursor:pointer}.preview-loading,.preview-error{width:100%;max-width:800px;aspect-ratio:16/9;background:var(--color-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid var(--color-border);font-size:.875rem}.preview-error{color:var(--color-error);border-color:#ef44444d}.preview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-sm);height:var(--preview-controls-height);flex-shrink:0;padding:0 var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);position:relative;z-index:2}.preview-controls-left{grid-column:1;justify-self:start;display:inline-flex;align-items:center;min-width:0}.preview-controls-main{grid-column:2;justify-self:center;display:inline-flex;align-items:center;gap:var(--space-md)}.preview-controls-right{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0}.preview-controls .timecode{background:transparent;padding:0;border-radius:0;margin-left:0}.control-button{width:32px;height:32px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.control-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.control-button.play{width:40px;height:40px;background:var(--color-primary);border-color:var(--color-primary);color:#fff}.control-button.play:hover{background:var(--color-primary-hover)}.timecode{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-muted);margin-left:var(--space-lg)}.timecode.duration{margin-left:var(--space-xs);opacity:.6}.preview-fallback-badge{margin-left:var(--space-md);padding:2px 8px;background:#f59e0b33;color:var(--color-warning);font-size:.7rem;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.timeline{position:relative;flex:1;min-height:var(--timeline-min-height);background:var(--color-surface);border-top:1px solid var(--color-border);overflow:hidden}.timeline-header{display:flex;align-items:center;justify-content:flex-end;height:32px;border-bottom:1px solid var(--color-border);min-width:0;position:relative;padding:0 var(--space-sm);background:#252526}.timeline-header-controls{z-index:5}.timeline-tools{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.timeline-play-btn{width:24px;height:24px;border:none;border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:11px;transition:background var(--transition-fast),transform var(--transition-fast)}.timeline-play-btn:hover{background:var(--color-primary-hover)}.timeline-play-btn.active{transform:scale(1.03)}.timeline-ripple-btn{display:inline-flex;align-items:center;gap:6px;height:24px;min-width:24px;padding:0 8px;border-radius:4px;border:1px solid #42475a;background:linear-gradient(180deg,#222430,#1a1c27);color:#d7dbe8;cursor:pointer;font-size:.72rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.timeline-ripple-btn:hover{background:linear-gradient(180deg,#2a2d3b,#212430);border-color:#5c637a;color:#eef2ff;box-shadow:0 0 0 1px #6366f129}.timeline-ripple-btn.active{border-color:#6366f1;background:linear-gradient(180deg,#6366f138,#4f46e529);color:#c7d2fe;box-shadow:0 0 0 1px #6366f138}.preview-tool-btn{width:26px;height:26px;padding:0;justify-content:center}.preview-tool-btn svg{width:14px;height:14px}.preview-tool-btn.slip{width:30px}.preview-tool-btn.slip svg{width:16px;height:16px}.timeline-zoom-btn{width:24px;height:24px;border:1px solid #42475a;border-radius:4px;background:linear-gradient(180deg,#222430,#1a1c27);color:#d7dbe8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.timeline-zoom-btn:hover{background:linear-gradient(180deg,#2a2d3b,#212430);border-color:#5c637a;color:#eef2ff;box-shadow:0 0 0 1px #6366f129}.timeline-zoom-range{width:96px;accent-color:#3b82f6}.timeline-zoom-label{min-width:36px;margin-left:2px;font-size:.72rem;color:var(--color-text-muted);text-align:right;font-family:var(--font-mono)}.preview-size-controls{display:inline-flex;align-items:center;gap:6px;padding-right:8px;margin-right:2px;border-right:1px solid rgba(255,255,255,.1)}.preview-size-fit{min-width:34px;justify-content:center}.preview-size-label{min-width:42px;font-size:.72rem;color:var(--color-text-muted);text-align:right;font-family:var(--font-mono)}.timeline-ruler-row{display:flex;align-items:stretch;min-height:32px}.timeline-track-add-slot{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;background:linear-gradient(180deg,#171720,#12121a);box-shadow:inset 0 -1px #ffffff0a;overflow:hidden;position:relative;z-index:6}.timeline-track-tool-btn{height:24px;min-width:24px;border:1px solid #4b5563;border-radius:4px;background:linear-gradient(180deg,#242432,#1b1b26);color:#f4f4f5;font-size:12px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);padding:0;flex-shrink:0;opacity:1}.timeline-track-tool-btn svg{width:18px;height:18px;stroke-width:1.5px}.timeline-track-tool-btn--label{min-width:32px}.timeline-track-tool-btn:hover{background:linear-gradient(180deg,#2f2f44,#232334);border-color:#6366f1;box-shadow:0 0 0 1px #6366f140}.timeline-track-tool-btn.active{background:linear-gradient(180deg,#6366f147,#4f46e538);border-color:#6366f1;color:#c7d2fe;box-shadow:0 0 0 1px #6366f14d}.timeline-track-tool-btn:disabled{opacity:.45;cursor:not-allowed}.timeline-ruler-label-spacer{flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface)}.timeline-transport-centered{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:10}.play-pause-btn{background:var(--color-primary);border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all var(--transition-fast)}.play-pause-btn:hover{background:var(--color-primary-hover);transform:scale(1.1)}.zoom-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;padding:0 4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.zoom-btn:hover{color:var(--color-text)}.timeline-header-spacer{width:144px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center}.timeline-transport-mini{display:flex;align-items:center;justify-content:center;gap:4px}.timeline-transport-mini button{width:24px;height:24px;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-fast)}.timeline-transport-mini button:hover{border-color:var(--color-primary);color:var(--color-primary)}.timeline-zoom-controls{display:flex;align-items:center;padding:0 var(--space-sm);gap:var(--space-sm);flex-shrink:0;background:var(--color-surface)}.timeline-zoom-controls span{font-size:.7em;color:var(--color-text-muted);white-space:nowrap}.timeline-zoom-controls input[type=range]{width:80px;flex-shrink:0}.track-label{width:144px;height:48px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 10px;font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border-subtle);transition:margin var(--transition-fast),background-color var(--transition-fast)}.track-label--selected{background:#1b1b26;box-shadow:inset 2px 0 0 var(--color-primary)}.track-label.reorder-gap-before{margin-top:8px}.track-label.reorder-gap-before:before{content:"";position:absolute;left:0;right:0;top:-6px;height:2px;background:var(--color-primary);box-shadow:0 0 0 1px #818cf866;z-index:35}.track-label.reorder-gap-after{margin-bottom:8px}.track-label.reorder-gap-after:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--color-primary);box-shadow:0 0 0 1px #818cf866;z-index:35}.track-label-empty{width:144px;height:48px;background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border-subtle);opacity:.3}.track-reorder-handle{width:10px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;background:transparent;border:none;border-radius:999px;color:var(--color-text-dimmed);cursor:grab;padding:0;transition:transform var(--transition-fast)}.track-reorder-pill{width:6px;height:18px;border-radius:999px;background:#4b5563;transition:background var(--transition-fast)}.track-reorder-handle:hover .track-reorder-pill{background:#9ca3af}.track-reorder-handle:active .track-reorder-pill{background:#d1d5db}.track-reorder-handle:active{cursor:grabbing}.track-name{flex:1;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-controls{display:flex;gap:1px;opacity:.4;transition:opacity .2s}.track-label:hover .track-controls,.track-controls.has-state{opacity:1}.track-control-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;padding:0;transition:all .15s ease}.track-control-btn:hover{background:var(--color-surface-elevated);color:var(--color-text)}.track-control-btn.active{color:var(--color-primary);background:#6366f11a}.track-control-btn.mute-btn.active{color:#f87171;background:#ef444433}.track-control-btn.visibility-btn.active{color:#60a5fa;background:#3b82f633}.track-control-btn.delete:hover{color:#ef4444;background:#ef44441a}.timeline-ruler{flex:1;min-width:100px;background:linear-gradient(90deg,var(--color-border-subtle) 1px,transparent 1px);background-size:50px 100%;cursor:pointer;overflow:hidden}.timeline-content{display:flex;flex-direction:column;position:relative;user-select:none;cursor:pointer;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.timeline-content::-webkit-scrollbar{display:none}.track{height:48px;min-height:48px;display:flex;border-bottom:1px solid var(--color-border-subtle);background:transparent;transition:margin var(--transition-fast),background-color var(--transition-fast);flex-shrink:0;width:100%}.track-empty{height:48px;border-bottom:1px solid var(--color-border-subtle);background:transparent;opacity:.1}.track:before{content:none}.track.reorder-gap-before{margin-top:8px}.track.reorder-gap-before:before{content:"";position:absolute;left:0;right:0;top:-6px;height:2px;background:var(--color-primary);box-shadow:0 0 0 1px #818cf866;z-index:35}.track.reorder-gap-after{margin-bottom:8px}.track.reorder-gap-after:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--color-primary);box-shadow:0 0 0 1px #818cf866;z-index:35}.track-label--dragging{transform:scale(1.01) translate(2px);box-shadow:0 6px 18px #00000059;background:#2b2b38;z-index:40}.reordering-tracks .track-label.reorder-target-valid,.reordering-tracks .track-label.reorder-target-invalid{background:var(--color-surface);color:var(--color-text-muted);opacity:1}.track.track-moved{animation:trackReorderSettle .18s ease-out}@keyframes trackReorderSettle{0%{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #6366f199}to{transform:translateY(0);box-shadow:inset 0 0 #6366f100}}.track-items{flex:1;position:relative;padding:0}.timeline-main-container{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden;background:#12121a}.timeline-main-container.blade-mode,.timeline-main-container.blade-mode .timeline-items-area,.timeline-main-container.blade-mode .track,.timeline-main-container.blade-mode .track-items,.timeline-main-container.blade-mode .timeline-clip{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(-35 12 12)' fill='none' stroke='%23f3f4f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='8' width='15' height='8' rx='2.1'/%3E%3Cpath d='M7.2 12h9.6'/%3E%3Cpath d='M9.3 10.4v3.2M12 10.4v3.2M14.7 10.4v3.2'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.timeline-main-container.blade-mode .timeline-clip-resize-handle{cursor:ew-resize}.timeline-content-split{display:flex;flex:1;min-height:0;overflow:hidden}.timeline-sidebar{width:144px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #333;background:#12121a;flex-shrink:0}.timeline-vertical-scroller{min-height:0;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.timeline-vertical-scroller::-webkit-scrollbar{width:var(--scrollbar-size)}.timeline-vertical-scroller::-webkit-scrollbar-track{background:#1e1e1e}.timeline-vertical-scroller::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:5px;border:2px solid #1e1e1e}.timeline-items-area{background:#12121a;min-height:100%}.timeline-horizontal-scroll-row{flex-shrink:0;z-index:100}.timeline-horizontal-scroll-row .overflow-x-auto{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.timeline-horizontal-scroll-row .overflow-x-auto::-webkit-scrollbar{height:10px}.timeline-horizontal-scroll-row .overflow-x-auto::-webkit-scrollbar-track{background:#1e1e1e}.timeline-horizontal-scroll-row .overflow-x-auto::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:5px;border:2px solid #1e1e1e}.timeline-items-scroller{flex:1;overflow:hidden;position:relative;background:#12121a}.timeline-items-scroller::-webkit-scrollbar-thumb:hover{background:#4a4a5a}.timeline-track-stack::-webkit-scrollbar{width:var(--scrollbar-size)}.timeline-track-stack::-webkit-scrollbar-track{background:transparent}.timeline-track-stack::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:5px;border:2px solid #12121a}.timeline-track-stack::-webkit-scrollbar-thumb:hover{background:#4a4a5a}.timeline-scrollbar-gutter-spacer{width:var(--scrollbar-size);flex-shrink:0;background:transparent}.track-insert-preview{height:48px;position:relative;overflow:hidden;background:#6366f114;border:2px dashed var(--color-primary);border-radius:4px;animation:insertPreviewFadeIn .15s ease-out}.track-insert-hit-area{height:8px;position:relative}.track-insert-preview-name{position:absolute;left:0;top:0;bottom:0;width:144px;display:flex;align-items:center;padding:0 8px;font-size:.72rem;color:var(--color-text-muted);background:#12121ae0;border-right:1px solid var(--color-border);z-index:1;pointer-events:none}@keyframes insertPreviewFadeIn{0%{height:0;opacity:0}to{height:48px;opacity:1}}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--color-error);z-index:100;pointer-events:auto;cursor:grab}.playhead:before{content:"";position:absolute;top:0;left:-5px;width:12px;height:12px;background:var(--color-error);clip-path:polygon(50% 100%,0 0,100% 0);pointer-events:auto;cursor:grab}.text-muted{color:var(--color-text-muted);font-size:.875rem}.media-library{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--space-md)}.media-library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.media-library-title-section{display:flex;flex-direction:column}.media-library-title{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.media-library-subtitle{font-size:.75rem;color:var(--color-text-muted);margin:0}.media-library-view-toggle{width:32px;height:32px;border:none;background:var(--color-surface-elevated);border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-fast)}.media-library-view-toggle:hover{background:var(--color-border);color:var(--color-text)}.media-library-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-sm)}.media-search{position:relative;flex:1;display:flex;align-items:center}.media-search-icon{position:absolute;left:10px;font-size:.7rem;opacity:.5;pointer-events:none}.media-search-input{width:100%;padding:7px 28px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.7rem;font-family:var(--font-sans);outline:none;transition:all var(--transition-fast)}.media-search-input::placeholder{color:var(--color-text-muted)}.media-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf626}.media-search-clear{position:absolute;right:10px;width:18px;height:18px;border:none;background:var(--color-text-muted);color:var(--color-surface);border-radius:50%;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition-fast)}.media-search-clear:hover{opacity:1}.media-add-btn{display:flex;align-items:center;gap:4px;padding:7px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.7rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.media-add-btn:hover{background:var(--color-border)}.media-add-btn span{font-size:.85rem}.media-library-content{flex:1;display:flex;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden}.media-library-content .file-drop-zone{flex:1;display:flex;min-height:100%}.media-library-content .empty-state{flex:1}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;align-items:start;align-content:start;grid-auto-rows:max-content}@container (min-width: 350px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.media-pool-item{position:relative;display:flex;flex-direction:column;width:100%;background:var(--color-surface-elevated);border-radius:10px;overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.media-pool-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.media-pool-item-thumb{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--color-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-pool-item-img{width:100%;height:100%;object-fit:cover}.media-pool-item-icon{font-size:2rem;opacity:.5}.media-pool-item-remove{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:10px;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center}.media-pool-item:hover .media-pool-item-remove{opacity:1}.media-pool-item-remove:hover{background:var(--color-error)}.media-pool-item-label{display:flex;flex-direction:column;padding:4px 6px 5px}.media-pool-item-name{font-size:.62rem;line-height:1.2;color:#f4f4f5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.media-pool-item-duration{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:6px;background:#000000b8;border:1px solid rgba(255,255,255,.12);color:#f4f4f5;font-size:.62rem;line-height:1;pointer-events:none}.agent-panel{display:flex;flex-direction:column;height:100%;background:var(--color-surface)}.agent-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);position:relative}.agent-title{font-weight:500;font-size:.85rem;color:#fff}.agent-header-actions{display:flex;align-items:center;gap:8px}.agent-header-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-fast)}.agent-header-btn:hover{color:var(--color-text);background:var(--color-surface-elevated)}.agent-history-dropdown{position:absolute;top:calc(100% + 4px);right:16px;min-width:200px;max-width:280px;max-height:300px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:6px;box-shadow:0 8px 24px #0006;z-index:100;animation:dropdownFadeIn .15s ease}.agent-history-item{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);font-size:.8rem;text-align:left;cursor:pointer;transition:all var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-history-item:hover{background:var(--color-surface-elevated);color:var(--color-text)}.agent-history-item.active{background:var(--color-surface-elevated);color:var(--color-text);border-left:2px solid var(--color-primary)}.agent-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.agent-messages::-webkit-scrollbar{width:6px}.agent-messages::-webkit-scrollbar-track{background:transparent}.agent-messages::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:3px}.agent-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:12px;font-size:.8rem}.agent-notice strong{display:block;margin-bottom:4px;color:var(--color-warning)}.agent-notice p{color:var(--color-text-muted);margin:0}.agent-notice code{background:#0000004d;padding:2px 5px;border-radius:4px;font-family:var(--font-mono);font-size:.75rem}.agent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;gap:16px}.agent-empty p{color:var(--color-text-muted);font-size:.85rem;margin:0}.agent-suggestions{display:flex;flex-direction:column;gap:8px;width:100%}.agent-suggestions button{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;color:var(--color-text);font-size:.8rem;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.agent-suggestions button:hover{background:var(--color-border-subtle);border-color:var(--color-primary)}.agent-message{animation:agentMessageSlideIn .2s ease}@keyframes agentMessageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.agent-message--user .agent-message-content{background:var(--color-primary);color:#fff;margin-left:24px;border-radius:12px 12px 4px}.agent-message--assistant .agent-message-content{background:var(--color-surface-elevated);color:var(--color-text);margin-right:24px;border-radius:12px 12px 12px 4px}.agent-message-content{padding:10px 14px;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.agent-typing{display:flex;gap:4px;padding:2px 0}.agent-typing span{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:agentTypingBounce 1.4s infinite ease-in-out}.agent-typing span:nth-child(1){animation-delay:0s}.agent-typing span:nth-child(2){animation-delay:.2s}.agent-typing span:nth-child(3){animation-delay:.4s}@keyframes agentTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.agent-input-container{display:flex;flex-direction:column;padding:0;background:var(--color-surface-elevated);border-radius:12px;margin:12px;max-height:35%;overflow:hidden}.agent-input-wrapper{flex:1;overflow-y:auto;min-height:0}.agent-input{width:100%;min-height:80px;background:transparent;border:none;border-radius:12px 12px 0 0;padding:12px 16px;color:var(--color-text);font-size:.8rem;font-family:var(--font-sans);outline:none;resize:none;transition:all var(--transition-fast);line-height:1.5;overflow-y:auto}.agent-input::-webkit-scrollbar{width:4px}.agent-input::-webkit-scrollbar-track{background:transparent;margin:8px 0}.agent-input::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:2px}.agent-input::-webkit-scrollbar-thumb:hover{background:var(--color-text-dimmed)}.agent-input::placeholder{color:var(--color-text-dimmed)}.agent-input:focus{outline:none}.agent-input:disabled{opacity:.5;cursor:not-allowed}.agent-input-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--color-border)}.agent-model-selector{position:relative}.agent-model-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.agent-model-button:hover:not(:disabled){border-color:var(--color-border-subtle);color:var(--color-text)}.agent-model-button:disabled{opacity:.5;cursor:not-allowed}.agent-model-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:6px;box-shadow:0 8px 24px #0006;z-index:100;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.agent-model-option{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--color-text);font-size:.85rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.agent-model-option:hover{background:var(--color-surface-elevated)}.agent-model-option.active{background:var(--color-primary);color:#fff}.agent-input-actions{display:flex;align-items:center;gap:8px}.agent-attach{width:28px;height:28px;border-radius:50%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--transition-fast)}.agent-attach:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.agent-attach:disabled{opacity:.5;cursor:not-allowed}.agent-send{width:28px;height:28px;border-radius:50%;background:var(--color-text-muted);border:none;color:var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.agent-send:hover:not(:disabled){background:var(--color-text)}.agent-send:disabled{opacity:.3;cursor:not-allowed}.chat-panel{position:fixed;bottom:96px;right:24px;width:400px;height:500px;background:#12121af2;backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000080;z-index:999;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.chat-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);background:#1a1a2480;border-radius:16px 16px 0 0}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-header-icon{font-size:1.25rem}.chat-header-title{font-weight:600;font-size:.95rem;color:var(--color-text)}.chat-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;transition:color var(--transition-fast)}.chat-close:hover{color:var(--color-text)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:3px}.chat-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:12px 16px;font-size:.85rem}.chat-notice strong{display:block;margin-bottom:4px;color:var(--color-warning)}.chat-notice p{color:var(--color-text-muted);margin:0}.chat-notice code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem}.chat-message{display:flex;gap:12px;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message--user{flex-direction:row-reverse}.chat-message-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.chat-message--assistant .chat-message-avatar{background:linear-gradient(135deg,var(--color-primary),#8b5cf6)}.chat-message-content{max-width:75%;display:flex;flex-direction:column;gap:4px}.chat-message--user .chat-message-content{align-items:flex-end}.chat-message-text{background:var(--color-surface-elevated);padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.chat-message--user .chat-message-text{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-message--assistant .chat-message-text{border-bottom-left-radius:4px}.chat-message-time{font-size:.7rem;color:var(--color-text-dimmed);padding:0 4px}.chat-typing{display:flex;gap:4px;padding:4px 0}.chat-typing span{width:8px;height:8px;background:var(--color-text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-input-container{display:flex;gap:8px;padding:16px;border-top:1px solid var(--color-border);background:#1a1a244d;border-radius:0 0 16px 16px}.chat-input{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;color:var(--color-text);font-size:.9rem;font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast)}.chat-input::placeholder{color:var(--color-text-dimmed)}.chat-input:focus{border-color:var(--color-primary)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send{width:44px;height:44px;border-radius:12px;background:var(--color-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-send:hover:not(:disabled){background:var(--color-primary-hover)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-send-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.timeline-clip{position:absolute;top:2px;border-radius:4px;overflow:hidden;cursor:grab;will-change:transform;contain:layout style paint;transition:filter .1s ease,box-shadow .1s ease;z-index:10;display:flex;flex-direction:column;box-sizing:border-box}.timeline-clip:hover{filter:brightness(1.15);z-index:11}.timeline-clip:active{cursor:grabbing}.timeline-clip.selected{box-shadow:0 0 0 2px #fff,0 2px 8px #0006;z-index:12;filter:brightness(1.1)}.timeline-clip-media-area{position:relative;width:100%;flex:1 1 0;min-height:0;overflow:hidden;background:#00000080;display:flex;align-items:center;justify-content:center}.timeline-clip-filmstrip-canvas{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.timeline-clip-image{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.timeline-clip-audio-area{width:100%;flex:1 1 0;min-height:0;background:linear-gradient(180deg,#22c55e73,#16a34aa6);pointer-events:none;position:relative}.timeline-clip-audio-area:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.12) 3px,rgba(255,255,255,.12) 4px);pointer-events:none}.timeline-clip-meta-strip{width:100%;display:flex;align-items:center;padding:0 6px;border-top:1px solid rgba(255,255,255,.15);flex-shrink:0;min-height:16px;height:auto;box-sizing:border-box}.timeline-clip-meta-strip.video{background:#1e3a8aeb}.timeline-clip.track-muted .timeline-clip-meta-strip.video{background:linear-gradient(180deg,#7f1d1df2,#1e3a8aeb)}.timeline-clip-meta-strip.audio{background:#15803deb}.timeline-clip-file-name{display:block;width:100%;font-size:10px;line-height:1.4;font-weight:500;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-clip-resize-handle{position:absolute;top:0;bottom:0;width:10px;z-index:20;display:flex;align-items:center;justify-content:center;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18' stroke='%23f4f4f5' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M7 8l-4 4 4 4' fill='none' stroke='%23f4f4f5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 8l4 4-4 4' fill='none' stroke='%23f4f4f5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5v14' stroke='%23f4f4f5' stroke-opacity='0.8' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 12 12,ew-resize;opacity:0;background:#3b82f600;transition:opacity .12s ease,background-color .12s ease}.timeline-clip-resize-handle.left{left:0;border-right:1px solid rgba(255,255,255,.18)}.timeline-clip-resize-handle.right{right:0;border-left:1px solid rgba(255,255,255,.18)}.timeline-clip:hover .timeline-clip-resize-handle,.timeline-clip.slipping .timeline-clip-resize-handle{opacity:.8}.timeline-clip-resize-handle:hover{opacity:1;background:#3b82f652}.timeline-clip-resize-icon{font-size:9px;line-height:1;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.timeline-clip-blade-guide{position:absolute;top:1px;bottom:1px;width:0;border-left:2px dotted rgba(244,244,245,.95);filter:drop-shadow(0 0 2px rgba(0,0,0,.6));pointer-events:none;z-index:30}.track{position:relative;transition:background-color .2s ease}.track.drag-over{background-color:#6366f126;box-shadow:inset 0 0 0 2px var(--color-primary)}.media-pool-item[draggable=true]{cursor:grab}.media-pool-item[draggable=true]:active{cursor:grabbing}.timeline-clip.ghost-clip{opacity:.65;background-color:#6366f140!important;border:2px dashed var(--color-primary)!important;pointer-events:none;z-index:20;color:#fffffff2;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:11px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.timeline-clip-link-icon{position:absolute;bottom:3px;left:3px;width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fffffff2;background:#1e3a8ad9;pointer-events:none;z-index:5}.timeline-clip-link-icon svg{width:10px;height:10px}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;height:40px;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-md);user-select:none}.toolbar-left,.toolbar-right{flex:1;display:flex;align-items:center}.toolbar-right{justify-content:flex-end}.toolbar-center{display:flex;align-items:center;gap:var(--space-sm)}.timeline-toolbar .timecode{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text);background:var(--color-bg);padding:2px 8px;border-radius:4px}.toolbar-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:1.1rem}.toolbar-btn:hover{background:var(--color-surface-elevated);color:var(--color-text)}.toolbar-btn:active{background:var(--color-border-subtle)}.play-pause-btn{background:var(--color-primary);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1rem}.play-pause-btn:hover{background:var(--color-primary-hover);color:#fff;transform:scale(1.05)}.zoom-controls{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-bg);border-radius:4px;padding:2px 4px}.zoom-label{font-size:.75rem;color:var(--color-text-muted);min-width:40px;text-align:center}.sync-indicator{display:inline-flex;align-items:center;gap:6px;margin-left:var(--space-md);font-size:.75rem;color:var(--color-text-muted);user-select:none}.sync-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-dimmed);flex-shrink:0}.sync-indicator--syncing .sync-indicator-dot{background:var(--color-primary);animation:pulse 1.5s ease-in-out infinite}.sync-indicator--synced .sync-indicator-dot{background:var(--color-success)}.sync-indicator--error .sync-indicator-dot{background:var(--color-error)}.sync-indicator--synced{color:var(--color-success)}.sync-indicator--error{color:var(--color-error)}.sync-indicator-label{white-space:nowrap}.user-button-wrapper{margin-left:var(--space-md);display:flex;align-items:center}.user-avatar-box{width:28px;height:28px}.actions{display:flex;align-items:center;gap:var(--space-sm)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--color-bg);gap:1.5rem}.app-loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.app-loading-text{color:var(--color-text-muted);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.landing{min-height:100vh;width:100%;background:#06060b;color:#e4e4e7;overflow-x:hidden;overflow-y:auto}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#06060bcc;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem}.landing-nav-icon{color:var(--color-primary);font-size:1.25rem}.landing-nav-name{background:linear-gradient(135deg,#e4e4e7,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-links{display:flex;gap:2rem}.landing-nav-link{color:#71717a;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:#e4e4e7}.landing-nav-cta{padding:.5rem 1.25rem;background:var(--color-primary);border:none;color:#fff;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.landing-nav-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.landing-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem 4rem;overflow:hidden;--mouse-x: 0px;--mouse-y: 0px}.landing-hero-glow{position:absolute;width:800px;height:600px;top:50%;left:50%;transform:translate(calc(-50% + var(--mouse-x)),calc(-60% + var(--mouse-y)));background:radial-gradient(ellipse at center,rgba(99,102,241,.15) 0%,rgba(99,102,241,.05) 40%,transparent 70%);pointer-events:none;transition:transform .3s ease-out}.landing-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);pointer-events:none}.landing-hero-content{position:relative;text-align:center;max-width:720px;z-index:2}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;color:#818cf8;font-size:.813rem;font-weight:500;margin-bottom:1.5rem}.landing-hero-badge-dot{width:6px;height:6px;background:#818cf8;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.landing-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:#fafafa}.landing-hero-gradient{background:linear-gradient(135deg,#818cf8,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.125rem;color:#a1a1aa;line-height:1.7;max-width:540px;margin:0 auto 2.5rem}.landing-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s;box-shadow:0 4px 24px #6366f140}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f166}.landing-btn-primary svg{transition:transform .2s}.landing-btn-primary:hover svg{transform:translate(3px)}.landing-btn-secondary{display:inline-flex;align-items:center;padding:.75rem 1.75rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#a1a1aa;font-size:1rem;font-weight:500;border-radius:12px;cursor:pointer;text-decoration:none;transition:all .25s}.landing-btn-secondary:hover{color:#e4e4e7;border-color:#fff3;background:#ffffff08}.landing-hero-preview{position:relative;margin-top:4rem;width:100%;max-width:820px;z-index:2;perspective:1200px}.landing-preview-window{background:#0f0f17;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #6366f10d,inset 0 1px #ffffff0d;animation:floatIn 1s ease-out}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-preview-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#161622;border-bottom:1px solid rgba(255,255,255,.05)}.landing-preview-dots{display:flex;gap:6px}.landing-preview-dots span{width:10px;height:10px;border-radius:50%;background:#2a2a3a}.landing-preview-dots span:first-child{background:#ef4444}.landing-preview-dots span:nth-child(2){background:#f59e0b}.landing-preview-dots span:last-child{background:#22c55e}.landing-preview-title{font-size:.75rem;color:#71717a}.landing-preview-body{display:flex;height:200px}.landing-preview-sidebar{width:72px;padding:.5rem;display:flex;flex-direction:column;gap:6px;background:#12121c;border-right:1px solid rgba(255,255,255,.05)}.landing-preview-thumb{height:40px;background:linear-gradient(135deg,#1e1e2e,#2a2a3a);border-radius:4px;animation:shimmer 2s ease-in-out infinite alternate}.landing-preview-thumb:nth-child(2){animation-delay:.3s}.landing-preview-thumb:nth-child(3){animation-delay:.6s}@keyframes shimmer{0%{opacity:.5}to{opacity:1}}.landing-preview-canvas{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a0a14,#101020)}.landing-preview-play{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:50%;color:#818cf8;font-size:1.25rem;padding-left:4px}.landing-preview-inspector{width:96px;padding:.75rem;display:flex;flex-direction:column;gap:8px;background:#12121c;border-left:1px solid rgba(255,255,255,.05)}.landing-preview-line{height:6px;background:#1e1e2e;border-radius:3px}.landing-preview-timeline{padding:.5rem;display:flex;flex-direction:column;gap:4px;background:#0d0d16;border-top:1px solid rgba(255,255,255,.05)}.landing-preview-track{position:relative;height:24px;background:#12121c;border-radius:4px}.landing-preview-clip{position:absolute;top:2px;height:calc(100% - 4px);background:linear-gradient(135deg,#3b82f666,#3b82f633);border:1px solid rgba(59,130,246,.3);border-radius:3px}.landing-preview-clip--alt{background:linear-gradient(135deg,#a855f766,#a855f733);border-color:#a855f74d}.landing-preview-clip--audio{background:linear-gradient(135deg,#16a36466,#16a36433);border-color:#16a3644d}.landing-features{padding:6rem 2rem;max-width:1100px;margin:0 auto}.landing-features-header{text-align:center;margin-bottom:4rem}.landing-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:#fafafa}.landing-section-subtitle{font-size:1.125rem;color:#71717a;max-width:480px;margin:0 auto;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.landing-feature-card{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s}.landing-feature-card:hover{background:#ffffff0a;border-color:#6366f126;transform:translateY(-4px);box-shadow:0 16px 48px #0000004d}.landing-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1.25rem}.landing-feature-icon--ai{background:#6366f11f;color:#818cf8}.landing-feature-icon--gpu{background:#3b82f61f;color:#60a5fa}.landing-feature-icon--wasm{background:#f59e0b1f;color:#fbbf24}.landing-feature-icon--offline{background:#22c55e1f;color:#4ade80}.landing-feature-icon--timeline{background:#a855f71f;color:#c084fc}.landing-feature-icon--collab{background:#ec48991f;color:#f472b6}.landing-feature-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#fafafa}.landing-feature-desc{font-size:.9rem;color:#71717a;line-height:1.6}.landing-tech{padding:6rem 2rem;background:#ffffff03;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.landing-tech-content{max-width:800px;margin:0 auto;text-align:center}.landing-tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:3rem}.landing-tech-item{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:left}.landing-tech-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#52525b;font-weight:600}.landing-tech-value{font-size:.938rem;color:#e4e4e7;font-weight:500}.landing-footer{padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.04)}.landing-footer-content{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem}.landing-footer-copy{font-size:.813rem;color:#52525b}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#06060b;overflow:hidden}.auth-page-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.08) 0%,transparent 60%);pointer-events:none}.auth-page-container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem}.auth-page-back{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.08);color:#71717a;font-size:.875rem;border-radius:8px;cursor:pointer;transition:all .2s}.auth-page-back:hover{color:#e4e4e7;border-color:#ffffff26;background:#ffffff08}.auth-page-card{width:100%;max-width:440px}.auth-clerk-root{width:100%!important}.auth-clerk-card{background:#12121a!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;box-shadow:0 24px 64px #0006!important}@media (max-width: 768px){.landing-nav-links{display:none}.landing-hero{padding:5rem 1.25rem 3rem}.landing-hero-preview{margin-top:2.5rem}.landing-preview-inspector{display:none}.landing-features{padding:4rem 1.25rem}.landing-features-grid{grid-template-columns:1fr}.landing-tech-stack{grid-template-columns:1fr 1fr}.landing-footer-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-btn-primary,.landing-btn-secondary{justify-content:center}.landing-tech-stack{grid-template-columns:1fr}}