/* Lumetra CapCut-inspired timeline rebuild — 2026-10-06. Original Lumetra UI, interaction model informed by CapCut's public editor workflow. */
#proEditor .proTimeline{background:#080b10;border-top:1px solid #222a35}
#proEditor .proTimelineToolbar{min-height:42px;background:#0d1118;border-bottom:1px solid #202733;gap:6px;padding:6px 10px}
#proEditor .proTimelineScroll{background:#070a0f}
#proEditor .proTimelineCanvas{background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 100%}
#proEditor .proRuler{background:#0b0f15;border-bottom:1px solid #222a35;color:#788497}
#proEditor .proTrack{border-bottom:1px solid #171d26;background:#090d13}
#proEditor .proTrack>header{width:92px;background:#0c1118;border-right:1px solid #222a35;padding:0 7px;cursor:default}
#proEditor .proTrack>header>b{font-size:9px;letter-spacing:.06em;color:#b5bfce;white-space:normal;line-height:1.15}
#proEditor .proTrack[data-track="G1"]>header{border-left:3px solid #a875ff}
#proEditor .proTrack[data-track="V1"]>header{border-left:3px solid #42b9e8}
#proEditor .proTrack[data-track^="A"]>header{border-left:3px solid #3fd39d}
#proEditor .proTrack[data-track="C1"]>header{border-left:3px solid #f0b64c}
#proEditor .proTrack[data-track="FX1"]>header{border-left:3px solid #ef5ac8}
#proEditor .proLane{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
#proEditor .proClip{top:4px;height:calc(100% - 8px);border-radius:5px;border:1px solid rgba(255,255,255,.12);box-shadow:none;overflow:hidden;padding:0 24px 0 8px;display:flex;align-items:center;gap:5px}
#proEditor .proClip.t-video{background:#174b64;border-color:#287da3}
#proEditor .proClip.t-audio{background:#17543f;border-color:#268865}
#proEditor .proClip.t-effect{background:#512146;border-color:#8c3a79}
#proEditor .proClip.t-adjustment{background:#5b431c;border-color:#99732f}
#proEditor .proClip.t-title{background:#3d2862;border:1px solid #8f63d8;color:#f2eaff}
#proEditor .proClip.t-title::before{content:"T";display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:3px;background:#8e65d2;color:#fff;font:800 10px/1 system-ui}
#proEditor .proClip.t-title .proClipTypeBadge{display:none!important}
#proEditor .proClip span{font-weight:650;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#proEditor .proClip.selected{outline:2px solid #fff;outline-offset:1px;filter:brightness(1.1)}
#proEditor .proClip.dragging{opacity:.88;z-index:15}
#proEditor .proClip>[data-edge]{position:absolute;top:0;bottom:0;width:7px;background:transparent;z-index:4}
#proEditor .proClip>[data-edge="in"]{left:0;cursor:ew-resize}
#proEditor .proClip>[data-edge="out"]{right:0;cursor:ew-resize}
#proEditor .proPlayhead{background:#ff4b60;width:1px}
#proEditor .proPlayhead>b{background:#ff4b60;border-radius:0 0 4px 4px;width:10px;height:8px;margin-left:-4px}
#proEditor .proClipAiButton{right:5px;top:50%;transform:translateY(-50%);width:19px;height:19px;border-radius:4px;background:#111925;border:1px solid #506078;color:#d8e6ff}