/* Cyberpunk / Filmora-inspired arrangement; existing video timeline logic preserved. */
:root{--bg:#080913;--panel:#101322;--panel-2:#1b1e34;--line:#363552;--text:#f3efff;--muted:#b4b0ca;--accent:#b394ff;--accent-2:#66caff;--radius:12px}
:root[data-vtheme=aurora]{--bg:#07151b;--panel:#10252e;--panel-2:#193843;--line:#2a5863;--text:#eefcff;--muted:#acd2da;--accent:#92ecca;--accent-2:#70ddff}
:root[data-vtheme=crimson]{--bg:#150a13;--panel:#241320;--panel-2:#32192c;--line:#57304d;--text:#fff0f6;--muted:#d3a9bd;--accent:#fa88b1;--accent-2:#c6a3ff}
:root[data-vtheme=light]{--bg:#f0eff7;--panel:#ffffff;--panel-2:#eae9f5;--line:#d0cbe5;--text:#25223c;--muted:#706981;--accent:#7960cb;--accent-2:#2588c2;color-scheme:light}
html,body{background:var(--bg)}body{font-family:Inter,system-ui,sans-serif}
.topbar{min-height:70px;flex-wrap:wrap;gap:9px;background:var(--panel);box-shadow:0 6px 24px #0003;border-bottom:1px solid var(--line);padding:10px 16px}
.mark{background:linear-gradient(135deg,#ab89fe,#529ff9)!important;border-radius:11px}
h1{font-family:'Space Grotesk';font-size:16px;letter-spacing:-.03em} .beta{background:#b18afc;color:#110b1d}
.topbar .tabs{order:6;width:100%;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
.tab-btn{min-width:93px;border-radius:10px;background:var(--panel-2);border:1px solid transparent;color:var(--muted);padding:9px 12px}
.tab-btn.active{background:#a88aff22;color:var(--text);border-color:var(--accent)}
.side-panel{width:330px;background:var(--panel);padding:18px;scrollbar-width:thin}
.side-panel h2{font-size:12px;letter-spacing:.1em;margin-bottom:13px}
.side-panel .row{padding:7px 0;gap:9px;border-bottom:1px solid #ffffff0d}
.side-panel .row label{width:80px}
.side-panel input[type=range]{accent-color:var(--accent)}
.note{font-size:11px;line-height:1.6;color:var(--muted)}
.panel-section h2{color:var(--accent-2)}
button{border-radius:9px;background:var(--panel-2);color:var(--text);border:1px solid var(--line)}button:hover{background:#775eb42e;border-color:var(--accent)}
button.primary{background:linear-gradient(115deg,#b596ff,#75d0ff);color:#130d26;border:0;font-weight:800}
.upload-btn{border:1px dashed var(--accent);background:#b595ff14;border-radius:13px;color:var(--text);padding:16px}
.stage-area{background:var(--bg)}.stage-toolbar{background:var(--panel);border-bottom:1px solid var(--line);padding:12px 17px}.stage-wrap{background:radial-gradient(ellipse at center,#2a2447,#080913 70%);padding:18px;min-height:0;overflow:hidden}
.stage-wrap canvas{border-radius:6px;box-shadow:0 23px 45px #000a;max-width:100%;max-height:100%;object-fit:contain}
.tl-wrap{height:285px;background:var(--panel)}.tl-toprow{min-height:38px;background:var(--panel-2)}.tl-ruler{background:var(--panel-2)}.tl-row-label{background:var(--panel);color:var(--muted);font-size:11px}.tl-track{border-color:var(--line)}
.tl-clip{border-radius:8px;background:linear-gradient(120deg,#5d35ae,#332773);border:1px solid #8062d8;color:#f9f4ff}
.tl-clip.text-clip{background:linear-gradient(120deg,#a94487,#74285a);border-color:#d07bab;color:#fff0f8}
.tl-clip.img-clip{background:linear-gradient(120deg,#2c73ac,#2c4775);border-color:#72bced;color:#e7f7ff}
.tl-clip.music-clip{background:linear-gradient(120deg,#5963b5,#3e326a);border-color:#998eff;color:#f2efff}
.tl-playhead{background:#f681a9}.tl-playhead:before{border-top-color:#f681a9}
.stage-guide{position:absolute;pointer-events:none;border:2px dashed #b3a5ffb8;box-shadow:0 0 0 9999px #05030b66;display:none;z-index:2;transform:translate(-50%,-50%);left:50%;top:50%}
body .video-extras{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:10px 12px;margin-top:12px}
body .video-extras h2{margin-top:0}
input[type=number],select{font-size:12px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 9px}
@media(max-width:850px){.topbar{height:auto}.side-panel{width:100%;max-height:220px}.tl-wrap{height:190px}.stage-wrap{padding:6px}.tab-btn{min-width:80px}}
/* VoughtLTE cinema redesign, modular tool panels */
:root{--bg:#0d0b19;--panel:#171325;--panel-2:#241d38;--line:#453456;--text:#f5efff;--muted:#afa5c8;--accent:#b394ff;--accent-2:#92c3ff}
body{background:#0c0a17}.topbar{background:linear-gradient(110deg,#1e142f,#11172c);border-color:#584169}.mark{box-shadow:0 0 0 2px #7260a3}.side-panel{background:#161426}.stage-wrap{background:radial-gradient(circle at center,#2a193c,#0b0917)}button.primary{background:linear-gradient(115deg,#a590ff,#f1a5cb);color:#140d23}.tab-btn.active{background:#41305b;border-color:#64558a;color:#faf2ff}.tl-wrap,.tl-toprow,.tl-track{background:#161325;border-color:#403450}.tl-clip{background:linear-gradient(100deg,#3c225f,#55335a);border-color:#84589d;color:#f5dfff}.tl-clip.text-clip{background:#584168;color:#fae3f7}.next-section{margin-top:15px;padding:13px;border-radius:12px;background:#211b34;border:1px solid #514064}.next-section h2{color:#d7c0f3}.next-section .row input[type=range]{width:100%;flex:1}.next-marker-list{display:grid;gap:5px;margin-top:8px}.next-marker-list button{width:100%;text-align:left}.topbar .vlt-account{margin-left:4px}.topbar .vlt-account-btn{font-size:11px}
@media(max-width:800px){.topbar{flex-wrap:wrap;padding:8px;gap:4px}.tabs{width:100%;overflow-x:auto;gap:5px;order:5;padding:4px 0}.tabs button{white-space:nowrap}.side-panel{max-height:43vh;width:100%!important}.stage-area{min-height:330px}.tl-wrap{height:190px}.body-wrap{flex-direction:column}.stage-wrap{min-height:210px}.topbar .vlt-account-btn span{display:none}}
.seq-list{max-height:37vh;overflow:auto;display:grid;gap:8px;margin:12px 0}.seq-item{background:#1a1729;padding:9px;border-radius:9px;border:1px solid #57496e;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.seq-item .seq-name{width:100%;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-item label{font-size:10px;display:flex;align-items:center;gap:4px}.seq-item input{font-size:11px;padding:5px!important}.seq-item button{font-size:10px;padding:4px 7px}.seq-ticker{display:flex;min-height:27px;border:1px solid #56426e;border-radius:8px;overflow:hidden;background:#241d34}.seq-ticker div{min-width:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px;border-right:1px solid #69527f;background:#493763;font-size:9px;color:#e9dcff}