.capcut-timeline{--capcut-bg-primary:#0D0D0D;--capcut-bg-secondary:#1A1A1A;--capcut-bg-tertiary:#242424;--capcut-bg-hover:#2D2D2D;--capcut-bg-selected:#333333;--capcut-bg-active:#3D3D3D;--capcut-border-subtle:#2A2A2A;--capcut-border-medium:#3D3D3D;--capcut-border-strong:#4D4D4D;--capcut-text-primary:#FFFFFF;--capcut-text-secondary:#B3B3B3;--capcut-text-muted:#666666;--capcut-text-disabled:#4D4D4D;--capcut-playhead:#FF4757;--capcut-playhead-glow:rgba(255,71,87,0.4);--capcut-playhead-handle:#FF4757;--capcut-ruler-bg:#161616;--capcut-ruler-text:#808080;--capcut-ruler-tick-major:#4D4D4D;--capcut-ruler-tick-minor:#2D2D2D;--capcut-ruler-tick-micro:#1F1F1F;--capcut-clip-video:#5B7FFF;--capcut-clip-video-gradient:linear-gradient(135deg,#5B7FFF,#3B5FDF);--capcut-clip-audio:#FF9500;--capcut-clip-audio-gradient:linear-gradient(135deg,#FF9500,#E08500);--capcut-clip-text:#A855F7;--capcut-clip-text-gradient:linear-gradient(135deg,#A855F7,#8B35D7);--capcut-clip-image:#10B981;--capcut-clip-image-gradient:linear-gradient(135deg,#10B981,#059669);--capcut-clip-caption:#3B82F6;--capcut-clip-caption-gradient:linear-gradient(135deg,#3B82F6,#2563EB);--capcut-clip-shape:#06B6D4;--capcut-clip-shape-gradient:linear-gradient(135deg,#06B6D4,#0891B2);--capcut-clip-sticker:#EC4899;--capcut-clip-sticker-gradient:linear-gradient(135deg,#EC4899,#DB2777);--capcut-clip-composition:#F59E0B;--capcut-clip-composition-gradient:linear-gradient(135deg,#F59E0B,#D97706);--capcut-control-icon:#666666;--capcut-control-icon-hover:#999999;--capcut-control-icon-active:#FFFFFF;--capcut-control-icon-muted:#FF4757;--capcut-control-icon-locked:#F59E0B;--capcut-control-icon-hidden:#666666;--capcut-selection-border:#FFFFFF;--capcut-selection-multi:#F59E0B;--capcut-selection-glow:rgba(255,255,255,0.2);--capcut-focus-ring:rgba(59,130,246,0.5);--capcut-snap-line:#3B82F6;--capcut-snap-line-glow:rgba(59,130,246,0.3);--capcut-ghost-bg:rgba(255,255,255,0.1);--capcut-ghost-border:rgba(255,255,255,0.3);--capcut-waveform-fill:rgba(255,149,0,0.6);--capcut-waveform-stroke:#FF9500;--capcut-scrollbar-track:#1A1A1A;--capcut-scrollbar-thumb:#3D3D3D;--capcut-scrollbar-thumb-hover:#4D4D4D;--capcut-track-panel-width:180px;--capcut-track-row-height:52px;--capcut-time-ruler-height:32px;--capcut-playhead-width:2px;--capcut-clip-border-radius:6px;--capcut-thumbnail-height:44px;--capcut-waveform-height:36px;--capcut-resize-handle-width:8px;--capcut-transition-fast:100ms ease-out;--capcut-transition-normal:200ms ease-out;--capcut-transition-slow:300ms ease-out;--capcut-shadow-clip:0 2px 8px rgba(0,0,0,0.3);--capcut-shadow-clip-hover:0 4px 12px rgba(0,0,0,0.4);--capcut-shadow-selected:0 0 0 2px var(--capcut-selection-border);display:flex;flex-direction:column;background-color:var(--capcut-bg-primary);color:var(--capcut-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.capcut-timeline ::-webkit-scrollbar{width:8px;height:8px}.capcut-timeline ::-webkit-scrollbar-track{background:var(--capcut-scrollbar-track)}.capcut-timeline ::-webkit-scrollbar-thumb{background:var(--capcut-scrollbar-thumb);border-radius:4px}.capcut-timeline ::-webkit-scrollbar-thumb:hover{background:var(--capcut-scrollbar-thumb-hover)}.capcut-track-panel{width:var(--capcut-track-panel-width);background-color:var(--capcut-bg-secondary);border-right:1px solid var(--capcut-border-subtle);flex-shrink:0}.capcut-track-row-header{height:var(--capcut-track-row-height);display:flex;align-items:center;padding:0 8px;gap:8px;border-bottom:1px solid var(--capcut-border-subtle);transition:background-color var(--capcut-transition-fast)}.capcut-track-row-header:hover{background-color:var(--capcut-bg-hover)}.capcut-track-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.capcut-track-name{flex:1;font-size:11px;font-weight:500;color:var(--capcut-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capcut-track-controls{display:flex;gap:4px}.capcut-track-control-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--capcut-control-icon);cursor:pointer;transition:all var(--capcut-transition-fast)}.capcut-track-control-btn:hover{color:var(--capcut-control-icon-hover);background-color:var(--capcut-bg-active)}.capcut-track-control-btn.active{color:var(--capcut-control-icon-active)}.capcut-track-control-btn.muted{color:var(--capcut-control-icon-muted)}.capcut-track-control-btn.locked{color:var(--capcut-control-icon-locked)}.capcut-time-ruler{height:var(--capcut-time-ruler-height);background-color:var(--capcut-ruler-bg);border-bottom:1px solid var(--capcut-border-subtle);position:relative;overflow:hidden}.capcut-ruler-tick{position:absolute;bottom:0;width:1px;background-color:var(--capcut-ruler-tick-minor)}.capcut-ruler-tick.major{background-color:var(--capcut-ruler-tick-major);height:12px}.capcut-ruler-tick.minor{height:6px}.capcut-ruler-tick.micro{background-color:var(--capcut-ruler-tick-micro);height:3px}.capcut-ruler-label{position:absolute;top:4px;font-size:10px;color:var(--capcut-ruler-text);transform:translateX(-50%);white-space:nowrap}.capcut-playhead{position:absolute;top:0;bottom:0;width:var(--capcut-playhead-width);background-color:var(--capcut-playhead);z-index:100;pointer-events:none}.capcut-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:14px;height:14px;background-color:var(--capcut-playhead-handle);clip-path:polygon(50% 100%,0 0,100% 0);pointer-events:auto;cursor:ew-resize}.capcut-playhead:after{content:"";position:absolute;top:0;left:-3px;right:-3px;bottom:0;background-color:var(--capcut-playhead-glow);filter:blur(4px);z-index:-1}.capcut-track-content{flex:1;position:relative;overflow-x:auto;overflow-y:hidden}.capcut-track-row{height:var(--capcut-track-row-height);position:relative;border-bottom:1px solid var(--capcut-border-subtle);background-color:var(--capcut-bg-tertiary);transition:background-color var(--capcut-transition-fast)}.capcut-track-row:hover{background-color:var(--capcut-bg-hover)}.capcut-track-row.drag-over{background-color:var(--capcut-bg-active);box-shadow:inset 0 0 0 2px var(--capcut-selection-multi)}.capcut-clip{position:absolute;top:4px;bottom:4px;border-radius:var(--capcut-clip-border-radius);overflow:hidden;cursor:grab;transition:box-shadow var(--capcut-transition-fast),transform var(--capcut-transition-fast);box-shadow:var(--capcut-shadow-clip)}.capcut-clip:hover{box-shadow:var(--capcut-shadow-clip-hover)}.capcut-clip.selected{box-shadow:var(--capcut-shadow-selected)}.capcut-clip.multi-selected{box-shadow:0 0 0 2px var(--capcut-selection-multi)}.capcut-clip.dragging{opacity:.5;cursor:grabbing}.capcut-clip-content{width:100%;height:100%;display:flex;align-items:center;padding:0 8px;gap:8px}.capcut-clip-thumbnail{width:36px;height:36px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.capcut-clip-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:white;background-color:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capcut-clip-icon{width:12px;height:12px;flex-shrink:0}.capcut-clip.video{background:var(--capcut-clip-video-gradient)}.capcut-clip.audio{background:var(--capcut-clip-audio-gradient)}.capcut-clip.text{background:var(--capcut-clip-text-gradient)}.capcut-clip.image{background:var(--capcut-clip-image-gradient)}.capcut-clip.caption{background:var(--capcut-clip-caption-gradient)}.capcut-clip.shape{background:var(--capcut-clip-shape-gradient)}.capcut-clip.sticker{background:var(--capcut-clip-sticker-gradient)}.capcut-clip.composition{background:var(--capcut-clip-composition-gradient)}.capcut-resize-handle{position:absolute;top:0;bottom:0;width:var(--capcut-resize-handle-width);cursor:ew-resize;opacity:0;transition:opacity var(--capcut-transition-fast);display:flex;align-items:center;justify-content:center}.capcut-clip.selected .capcut-resize-handle,.capcut-clip:hover .capcut-resize-handle{opacity:1}.capcut-resize-handle.left{left:0;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent)}.capcut-resize-handle.right{right:0;background:linear-gradient(-90deg,rgba(255,255,255,.3),transparent)}.capcut-resize-handle:after{content:"";width:2px;height:20px;background-color:white;border-radius:1px;opacity:.6}.capcut-waveform{position:absolute;top:8px;left:0;right:0;bottom:8px;pointer-events:none}.capcut-waveform-bar{position:absolute;bottom:0;width:2px;background-color:var(--capcut-waveform-fill);border-radius:1px 1px 0 0}.capcut-ghost{position:absolute;background-color:var(--capcut-ghost-bg);border:2px dashed var(--capcut-ghost-border);border-radius:var(--capcut-clip-border-radius);pointer-events:none;z-index:50}.capcut-alignment-guide{position:absolute;top:0;bottom:0;width:1px;background-color:var(--capcut-snap-line);box-shadow:0 0 4px var(--capcut-snap-line-glow);pointer-events:none;z-index:60}.capcut-clip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--capcut-focus-ring)}@keyframes capcut-pulse{0%,to{opacity:1}50%{opacity:.6}}.capcut-loading{animation:capcut-pulse 1.5s ease-in-out infinite}