.timeline-head{height:30px;display:flex;justify-content:space-between;align-items:center;color:#f4c900;font-size:11px;padding:4px 9px;border-bottom:1px solid #2b4153}.timeline-actions{display:flex;gap:6px}.timeline-main{display:flex;flex:1;min-height:0}.track-labels{width:158px;flex:0 0 158px;background:#091624;border-right:1px solid #344c5d;display:flex;flex-direction:column}.ruler-spacer{height:31px;flex-shrink:0;border-bottom:1px solid #3f5260}.track-label{height:calc((100% - 31px)/7);min-height:25px;border-bottom:1px solid #2c3d4e;display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;padding:0 6px}.track-label i{color:#bdc8d7;width:13px;height:13px}.track-label b{padding:2px 3px;background:#23374b;border:1px solid #58738b;border-radius:3px;color:#d4f0ff}.track-bar{width:4px;height:75%;border-radius:3px;background:#ffe000}.track-bar.purple{background:#a120f5}.track-bar.yellow{background:#ffee00}.track-bar.gold{background:#d6a840}.track-bar.green{background:#00d975}.track-bar.cyan{background:#01bbd5}.timeline-scroll{overflow:auto;flex:1;min-width:0;background:#07101a}.timeline-tracks{height:100%;min-width:650px;position:relative;display:flex;flex-direction:column}.timeline-ruler{height:31px;flex:0 0 31px;position:relative;background:#0b1521;cursor:crosshair;border-bottom:1px solid #344b5b}.ruler-ticks{display:flex;height:100%;justify-content:space-between;padding:3px 4px;color:#cfdae5;font-size:10px;background-image:repeating-linear-gradient(90deg,#1e3a51 0px,#1e3a51 1px,transparent 1px,transparent 2%);background-position:0 bottom;background-repeat:repeat-x;background-size:100% 8px}.tracks-area{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.track-row{height:calc(100%/7);border-bottom:1px solid #2c4252;position:relative;min-height:25px;background:linear-gradient(#0b1725,#101e2a)}.track-row:nth-child(even){background:linear-gradient(#091520,#0a1b2a)}.video-row{padding:4px 2px}.demo-video-strip{height:100%;display:flex;gap:0;background:#0e2735;border:1px solid #00dcf4;border-radius:5px;overflow:hidden;position:relative}.segment{border-right:1px solid #ffd30f;position:relative;min-width:3px;height:100%;background:repeating-linear-gradient(105deg,#147c99 0%,#083c6f 13%,#06b3d4 25%,#123550 40%);color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center}.segment:before{content:'';position:absolute;inset:2px 4px;background:url('../assets/demo/waves.svg') center/cover;opacity:.35}.segment.selected{outline:2px solid #ffe100;outline-offset:-2px}.segment span{position:relative;text-shadow:0 1px 2px black}.demo-clip{height:78%;position:absolute;top:11%;border:1px solid #ba5dfb;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;min-width:10px}.purple-clip{background:linear-gradient(180deg,#d100ff,#5a189c);color:white}.cyan-clip{background:linear-gradient(180deg,#006a7c,#003c54);border-color:#1bc8c4}.gold-clip{background:linear-gradient(180deg,#624c20,#242c30);border-color:#cda436}.green-clip{background:linear-gradient(#146c51,#073f34);border-color:#10c977}.teal-clip{background:linear-gradient(#126478,#093447);border-color:#00c7dd}.demo-clip b{margin-left:auto;color:#ffdf00}.audio-strip{display:flex;align-items:center;justify-content:space-between}.waveform{width:65%;height:65%;background:repeating-linear-gradient(90deg,transparent 0 3px,#00e3b4 3px 4px,transparent 4px 6px);clip-path:polygon(0 44%,5% 34%,10% 70%,17% 23%,24% 80%,31% 30%,39% 63%,47% 12%,54% 66%,63% 24%,71% 80%,78% 40%,85% 75%,92% 36%,100% 56%,100% 100%,0 100%);opacity:.8}.playhead-line{position:absolute;left:33%;top:0;bottom:0;width:2px;background:#ffed00;z-index:4;pointer-events:none}.playhead-head{position:absolute;left:33%;top:0;width:12px;height:13px;background:#ffdb00;clip-path:polygon(0 0,100% 0,80% 66%,50% 100%,20% 66%);z-index:4;pointer-events:none;transform:translateX(-50%)}.mixer-tabs{height:35px;display:flex;gap:7px;align-items:center;padding:4px 7px;border-bottom:1px solid #314859}.mixer-body{display:flex;gap:7px;padding:7px;flex:1;min-height:0;overflow:hidden}.faders{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;background:#081522;border:1px solid #2c4558;border-radius:6px;overflow:hidden}.fader{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;border-right:1px solid #344454;font-size:9px}.fader i{width:14px;height:14px}.fader b{font-size:10px}.fader small{white-space:nowrap;font-size:9px}.fader-scale{display:flex;position:relative;flex:1;min-height:80px;width:100%;justify-content:space-around;align-items:center}.fader-scale>span{font-size:8px;line-height:1.4;color:#bfc8cd}.fader-scale input[type=range]{writing-mode:vertical-lr;direction:rtl;height:85%;width:16px;accent-color:#b6c6d1}.meter{width:8px;height:85%;background:linear-gradient(to top,#31ec6c 0 40%,#e4ed0d 40% 70%,#e3880d 70% 83%,#313a33 83% 100%);border:1px solid #333;border-radius:2px}.ms{display:flex;gap:3px}.ms button{border:1px solid #667789;border-radius:4px;background:#172432;font-size:9px;padding:2px 4px}.ms button.selected{background:#ffdf02;color:#0b171f}.audio-effects{width:120px;flex:0 0 120px;display:flex;flex-direction:column;gap:7px}.effect-toggle{display:flex;justify-content:space-between;align-items:center;background:#122334;border:1px solid #3c576d;border-radius:5px;padding:5px;font-size:9px;white-space:nowrap}.effect-toggle input{accent-color:#02d58a;width:15px;height:15px;margin:0}.effect-toggle span{display:none}.preset{font-size:9px;display:flex;align-items:center;gap:4px}.preset select{width:100%;background:#182738;color:white;border:1px solid #455d71;font-size:9px;min-width:0}@media(max-width:1250px){.audio-effects{width:85px;flex-basis:85px}.effect-toggle{font-size:8px}.track-labels{width:125px;flex-basis:125px}}