:root{--bg:#09090b;--panel:#101014;--panel2:#151519;--line:#27272d;--line-soft:#1e1e23;--text:#f1f1f3;--muted:#797a84;--accent:#adff2f;--danger:#ff5574;color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);min-width:1100px}body{min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;background:#09090b}.topbar{height:64px;display:grid;grid-template-columns:270px minmax(260px,430px) 1fr;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#0c0c0f;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#0a0a0b;font-size:22px;font-weight:900}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:13px;letter-spacing:-.02em}.brand span{font-size:7px;color:var(--muted);letter-spacing:.14em}.project-title{width:100%;background:#111115;border:1px solid #292930;border-radius:9px;padding:9px 11px;color:#e9e9ec;outline:none}.project-title:focus{border-color:rgba(173,255,47,.45)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.ghost-button,.export-button,.top-select{border:1px solid #2d2d34;border-radius:8px;background:#151519;color:#d9d9df;padding:8px 10px;font-size:9px}.ghost-button:hover{border-color:#41414b}.export-button{background:var(--accent);color:#0b0c09;border-color:var(--accent);font-weight:850}.export-button:disabled{opacity:.38;cursor:not-allowed}.top-select{padding:8px 7px}.top-status{font-size:8px;color:var(--muted);white-space:nowrap}.top-status.online{color:#b9dd8d}.workspace{display:grid;grid-template-columns:275px minmax(560px,1fr) 285px;min-height:610px;border-bottom:1px solid var(--line)}.panel{background:#0f0f12;padding:16px;border-right:1px solid var(--line);overflow:auto}.style-panel{border-right:0;border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading h2{font-size:13px;margin:2px 0 0}.eyebrow{font-size:7px;letter-spacing:.15em;color:var(--accent);font-weight:900}.drop-card{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:8px;border:1px dashed #36363e;background:#141418;border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer}.drop-card:hover{border-color:#54545f}.audio-card{border-style:solid}.drop-icon{width:34px;height:34px;border-radius:8px;background:#202026;display:grid;place-items:center;color:var(--accent)}.drop-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.drop-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-copy span,.muted{font-size:8px;color:var(--muted)}.divider{height:1px;background:var(--line-soft);margin:14px 0}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;margin-bottom:8px}.primary-wide{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:10px;background:#ededf0;color:#0d0d0f;font-size:10px;font-weight:800;margin:8px 0}.primary-wide:disabled{opacity:.35}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.status-pill{border:1px solid #2b2b31;border-radius:999px;padding:5px 7px;font-size:8px;color:#7d7e88;white-space:nowrap}.status-pill>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#666;margin-right:5px}.status-pill.ok{color:#b9d88f}.status-pill.ok>span{background:var(--accent)}.helper{font-size:8px;color:#74757e;line-height:1.5}.range-box{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.range-box label,.style-controls label{display:grid;gap:5px;color:var(--muted);font-size:8px}.range-box input,.video-row input{width:100%;border:1px solid #2a2a30;background:#101014;color:#ececf0;border-radius:7px;padding:6px;outline:none;font-size:9px}.manual-box{margin-top:10px;border:1px solid #28282e;border-radius:9px;background:#121216;padding:8px}.manual-box summary{font-size:9px;cursor:pointer}.manual-box textarea{width:100%;min-height:90px;margin:8px 0;border:1px solid #292930;background:#0d0d10;color:#ececf0;border-radius:7px;padding:8px;resize:vertical;font-size:9px}.compact{padding:6px 8px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#0b0b0e;border:1px solid #292930;border-radius:8px;padding:2px}.mode-switch button{border:0;background:transparent;color:#777883;border-radius:6px;padding:6px;font-size:8px}.mode-switch button.active{background:#232329;color:#f0f0f2}.video-list{display:grid;gap:6px;max-height:190px;overflow:auto}.empty-mini{padding:8px;text-align:center;color:#63646e;border:1px solid #232329;border-radius:8px;font-size:8px}.video-row{border:1px solid #28282f;background:#121216;border-radius:8px;padding:7px}.video-row-title{display:flex;justify-content:space-between;gap:7px;margin-bottom:6px}.video-row-title strong{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-row-title span{font-size:7px;color:var(--muted)}.video-row-controls{display:grid;grid-template-columns:1fr 1fr 62px 24px 24px 24px;gap:4px;align-items:end}.video-row-controls label{font-size:7px;color:#73747e}.video-row-controls select,.video-row-controls button{height:26px;border:1px solid #2c2c33;background:#18181d;color:#bdbdc5;border-radius:6px;font-size:7px}.video-row-controls button.danger{color:#ff8da1}.preview-column{display:flex;flex-direction:column;background:#0b0b0e;min-width:0}.preview-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line-soft)}.segmented{display:flex;background:#151519;border:1px solid #292930;border-radius:8px;padding:2px}.segmented button{border:0;background:transparent;color:#767781;border-radius:6px;padding:5px 10px;font-size:8px}.segmented button.active{background:#303037;color:#f3f3f4}.language-chip{font-size:8px;color:#93949e;border:1px solid #28282f;padding:5px 8px;border-radius:999px}.stage-wrap{flex:1;min-height:465px;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,#17171d,#0b0b0e 60%);overflow:hidden}.stage{position:relative;overflow:hidden;background:#17171a;border:1px solid #303038;box-shadow:0 22px 60px rgba(0,0,0,.45)}.stage-9-16{height:440px;aspect-ratio:9/16;border-radius:17px}.stage-1-1{width:430px;aspect-ratio:1/1;border-radius:14px}.stage-16-9{width:min(760px,92%);aspect-ratio:16/9;border-radius:13px}.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.04),transparent 58%,rgba(0,0,0,.24))}.empty-stage{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;color:rgba(255,255,255,.32);padding:20px;font-size:9px}.spark{font-size:26px}.stage-placeholder-title{font-weight:800;color:rgba(255,255,255,.5)}.stage-placeholder-sub{max-width:180px;line-height:1.45}.lyric-overlay{position:absolute;left:8%;right:8%;transform:translateY(-50%);line-height:1.02;letter-spacing:-.035em;z-index:4;text-wrap:balance}.lyric-overlay:empty{display:none}.lyric-word{transition:color .06s ease,opacity .06s ease}.lyric-karaoke .lyric-word{color:inherit;opacity:.72}.lyric-karaoke .word-past,.lyric-karaoke .word-active,.word-active{color:var(--accent);opacity:1}.lyric-fade{animation:lyricFade .24s ease both}.lyric-pop,.lyric-karaoke{animation:lyricPop .23s cubic-bezier(.2,.8,.2,1.1) both}.lyric-slide{animation:lyricSlide .3s ease-out both}@keyframes lyricFade{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes lyricPop{from{opacity:0;transform:translateY(-50%) scale(.86)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes lyricSlide{from{opacity:0;transform:translate(-10px,-44%)}to{opacity:1;transform:translate(0,-50%)}}.transport{height:54px;display:grid;grid-template-columns:34px 48px minmax(120px,1fr) 48px;align-items:center;gap:9px;padding:0 16px;border-top:1px solid var(--line-soft);background:#101014}.play-button{width:31px;height:31px;border-radius:50%;border:0;background:#f4f4f5;color:#111114;display:grid;place-items:center}.timecode{font-variant-numeric:tabular-nums;font-size:9px;color:#d8d8de}.transport input[type=range]{width:100%;accent-color:var(--accent)}.shortcut-hint{text-align:center;padding:5px 0 7px;color:#5f6069;font-size:7px}.notice{margin:0 14px 10px;display:flex;align-items:center;gap:7px;border:1px solid #2b2b31;background:#151519;color:#bdbec7;padding:7px 9px;border-radius:8px;font-size:9px}.template-list{display:grid;gap:6px}.template-card{width:100%;text-align:left;display:grid;grid-template-columns:46px 1fr 16px;gap:8px;align-items:center;border:1px solid #28282e;background:#141418;padding:6px;border-radius:9px}.template-card:hover{border-color:#3a3a42}.template-card.selected{border-color:rgba(173,255,47,.48);background:linear-gradient(120deg,rgba(173,255,47,.07),#151519 50%)}.template-swatch{width:46px;height:39px;display:grid;place-items:center;border-radius:7px;font-size:16px;font-weight:800}.template-card>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.template-card strong{font-size:9px}.template-card span{font-size:7px;color:var(--muted);line-height:1.3}.template-card .check{color:var(--accent)}.style-controls{display:grid;gap:10px}.style-controls label{grid-template-columns:1fr auto}.style-controls label input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.style-controls output{color:#d8d8df}.color-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.color-row label{display:flex;flex-direction:column}.color-row input[type=color]{width:100%;height:30px;border:1px solid #303038;background:#111;border-radius:6px;padding:2px}.style-actions{display:flex;gap:6px}.style-summary{display:grid;gap:7px;margin-top:12px}.style-summary>div{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.style-summary strong{color:#d9d9df}.timeline-panel{background:#0f0f12;min-height:350px;padding:13px 18px 18px}.timeline-head{display:flex;align-items:center;justify-content:space-between;height:34px}.timeline-head>div{display:flex;align-items:center;gap:8px}.timeline-head strong{font-size:10px}.timeline-head span{color:var(--muted);font-size:8px}.timeline-grid{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:8px}.timeline-grid-v2{grid-template-rows:56px 38px 44px}.track-label{display:grid;place-items:center start;padding-left:10px;background:#111115;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#696a75;font-size:7px;font-weight:900;letter-spacing:.08em}.track-label:nth-last-of-type(1){border-bottom:0}.waveform,.video-track,.lyric-track{position:relative;overflow:hidden;cursor:crosshair;background:#131317;border-bottom:1px solid var(--line)}.lyric-track{background:#111115;border-bottom:0}.video-track{background:#101117}.waveform-bars{position:absolute;inset:7px 6px;display:flex;gap:1px;align-items:center}.wave-bar{flex:1;min-width:1px;border-radius:999px;background:#393941}.wave-bar.active{background:var(--accent)}.wave-playhead,.timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;opacity:.85;pointer-events:none;z-index:8}.timeline-segment{position:absolute;top:6px;bottom:6px;min-width:8px;background:rgba(173,255,47,.14);border:1px solid rgba(173,255,47,.33);color:#ddf5bf;border-radius:5px;font-size:8px;display:flex;align-items:center;overflow:hidden;touch-action:none;cursor:grab}.timeline-segment:active{cursor:grabbing}.segment-label{padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.resize-handle{position:absolute;top:0;bottom:0;width:6px;background:rgba(255,255,255,.12);z-index:2;cursor:ew-resize}.resize-handle.left{left:0}.resize-handle.right{right:0}.video-segment{position:absolute;top:5px;bottom:5px;min-width:7px;border:1px solid rgba(102,178,255,.34);background:rgba(102,178,255,.14);color:#b9d8ff;border-radius:5px;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.timeline-help{font-size:7px;color:#63646d;margin:5px 0 0 60px}.lyrics-editor{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lyrics-editor-head,.lyric-row{display:grid;grid-template-columns:minmax(300px,1fr) 90px 90px 38px}.lyrics-editor-head{background:#131317;border-bottom:1px solid var(--line);color:#666773;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lyrics-editor-head span{padding:7px 10px}.lyrics-scroll{max-height:172px;overflow-y:auto}.lyric-row{border-bottom:1px solid #1f1f24;background:#101014}.lyric-row input{min-width:0;border:0;border-right:1px solid #1f1f24;background:transparent;color:#dcdce2;padding:7px 10px;outline:none;font-size:8px}.lyric-row input:focus{background:#17171c}.icon-button{align-self:center;justify-self:center;width:25px;height:25px;border:0;background:transparent}.danger{color:var(--danger)!important}.empty-lyrics{display:grid;place-items:center;min-height:72px;color:#676872;font-size:9px}.file-hidden{display:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(173,255,47,.5);outline-offset:2px}@media(max-width:1280px){.workspace{grid-template-columns:250px minmax(500px,1fr) 260px}.topbar{grid-template-columns:230px minmax(220px,330px) 1fr}}

/* V3 additions */
.topbar{grid-template-columns:220px minmax(220px,380px) 1fr}.top-actions{gap:6px}.icon-only{width:30px;padding:6px}.wide{width:100%;justify-content:center}.preview-meta{display:flex;gap:6px;align-items:center}.beat-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.beat-controls label,.smart-lines label{display:grid;gap:5px;color:var(--muted);font-size:8px}.beat-controls select,.smart-lines input,.style-controls select{width:100%;border:1px solid #2a2a30;background:#101014;color:#ececf0;border-radius:7px;padding:6px;outline:none;font-size:9px}.beat-summary{display:flex;justify-content:space-between;margin-top:7px;color:#858690;font-size:8px}.smart-lines{display:grid;grid-template-columns:92px 1fr;gap:7px;align-items:end;margin:8px 0}.timeline-tools{display:flex;gap:12px;align-items:center;color:#777883;font-size:8px}.timeline-tools label{display:flex;align-items:center;gap:6px}.snap-control input{accent-color:var(--accent)}.timeline-grid-v3{grid-template-rows:62px 46px 52px}.timeline-scroll{position:relative;overflow-x:auto;overflow-y:hidden;background:#111115;border-bottom:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#34343c #111115}.track-canvas{position:relative;min-width:100%;height:100%;overflow:hidden}.beat-markers{position:absolute;inset:0;pointer-events:none;z-index:1}.beat-marker{position:absolute;top:0;bottom:0;width:1px;background:rgba(173,255,47,.14)}.beat-marker.major{background:rgba(173,255,47,.30)}.waveform-bars,.timeline-segment,.video-segment,.timeline-playhead{z-index:3}.video-segment.auto{background:rgba(184,127,255,.15);border-color:rgba(184,127,255,.4);color:#ddc6ff}.transition-badge{position:absolute;right:4px;top:3px;font-size:6px;color:#aaa}.settings-dialog{width:min(520px,92vw);border:1px solid #33333b;border-radius:16px;background:#121216;color:#eee;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.65)}.settings-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.settings-dialog form{padding:20px}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head h2{margin:4px 0 0;font-size:18px}.settings-dialog p{font-size:10px;color:#8d8e98;line-height:1.6}.settings-dialog label{display:grid;gap:7px;font-size:10px;color:#aaa;margin-top:14px}.settings-dialog input[type=password]{border:1px solid #33333b;background:#09090c;color:#fff;border-radius:9px;padding:11px}.settings-dialog .check-row{display:flex;align-items:center;gap:8px}.settings-status{margin-top:14px;padding:9px;border:1px solid #2d2d34;border-radius:8px;background:#0d0d10;color:#94959f;font-size:9px}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.video-row.is-auto{border-color:rgba(184,127,255,.3)}.video-row-controls{grid-template-columns:1fr 1fr 62px 24px 24px 24px}.source-chip{display:inline-flex;align-items:center;border:1px solid #303038;border-radius:999px;padding:2px 5px;font-size:6px;color:#8c8d96}.timeline-segment.snap-hit{box-shadow:0 0 0 1px rgba(173,255,47,.6),0 0 12px rgba(173,255,47,.18)}
@media(max-width:1180px){.workspace{grid-template-columns:240px minmax(480px,1fr) 250px}.topbar{grid-template-columns:190px minmax(180px,300px) 1fr}.top-status{display:none}}

/* V3.5 — a quieter violet editing workspace */
:root{--bg:#0c0d13;--panel:#13141e;--line:#292b3b;--line-soft:#202230;--muted:#9496ab;--accent:#9b87ff;color-scheme:dark}
[hidden]{display:none!important}html,body{min-width:900px;font-size:12px}.app-shell{background:var(--bg)}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ac9cff}.topbar{height:60px;grid-template-columns:180px minmax(150px,1fr) auto;background:#10111a;padding:0 20px}.brand-mark{background:linear-gradient(135deg,#6789ff,#aa7af7);color:white;border-radius:10px}.brand strong{font-size:16px}.brand span{font-size:8px;margin-top:3px}.project-title{background:transparent;border-color:transparent;font-size:13px}.top-status{display:none}.ghost-button,.export-button,.top-select{font-size:11px;padding:7px 10px;border-radius:6px}.export-button{color:white;background:#7660d8;border-color:#8b75ee}.workspace{grid-template-columns:252px minmax(360px,1fr) 244px;min-height:540px;height:calc(100vh - 315px)}.panel{background:#13141d;padding:18px 14px}.panel-heading h2{font-size:13px}.eyebrow{display:none}.drop-card{grid-template-columns:30px 1fr 12px;background:#191b29;border-color:#34364b;border-radius:7px;padding:10px}.drop-icon{width:28px;height:30px;background:transparent}.drop-copy strong{font-size:12px}.drop-copy span,.muted{font-size:10px}.section-title{font-size:12px}.primary-wide{background:#7760d5;color:white;font-size:11px;padding:9px;border-radius:6px}.status-grid{grid-template-columns:1fr}.status-pill{border:0;padding:3px 0;font-size:10px}.status-pill.ok{color:#b4b6d9}.helper{font-size:10px}.advanced-section{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.advanced-section summary{font-size:11px;color:#b6b6cb;cursor:pointer;margin-bottom:12px}.advanced-section .section-title{display:none}.range-box label,.style-controls label,.beat-controls label,.smart-lines label{font-size:11px}.range-box input,.video-row input,.beat-controls select,.smart-lines input,.style-controls select{font-size:11px}.manual-box summary,.manual-box textarea{font-size:11px}.mode-switch button{font-size:10px}.video-list{max-height:135px}.video-row-title strong{font-size:10px}.video-row-controls{grid-template-columns:1fr 1fr 52px 20px 20px 20px}.video-row-controls select,.video-row-controls button{font-size:9px}.empty-mini{font-size:10px;color:#9496ab}.preview-column{background:#0c0d14}.preview-toolbar{height:42px;flex-shrink:0}.segmented button,.language-chip{font-size:10px}.stage-wrap{min-height:0;padding:18px;background:radial-gradient(ellipse at 50% 45%,#1c1c30 0%,#0c0d14 70%)}.stage{border-radius:4px;box-shadow:0 12px 40px #0006;border-color:#33364e}.stage-9-16{height:min(100%,440px);max-height:440px;max-width:100%;aspect-ratio:9/16}.stage-1-1{width:auto;height:min(100%,420px);aspect-ratio:1}.stage-16-9{width:92%;height:auto;max-height:100%;aspect-ratio:16/9}.empty-stage{color:#a8a5be}.spark{color:#aa98fa;font-size:34px}.stage-placeholder-title{font-size:14px;color:#d7d2ee}.stage-placeholder-sub{font-size:11px}.transport{height:48px;flex-shrink:0;background:#11121c}.play-button{background:#a48af9;color:#141022;width:30px;height:30px}.timecode{font-size:11px}.shortcut-hint{font-size:9px;padding:7px}.notice{font-size:11px;flex-shrink:0}.template-list{grid-template-columns:repeat(3,1fr);gap:5px;max-height:170px;overflow:auto}.template-card{display:flex;flex-direction:column;padding:5px;gap:4px;background:#191a26;border-radius:6px}.template-card.selected{border-color:#9b87ff;background:#29233f}.template-swatch{width:100%;height:34px}.template-card>div:nth-child(2)>span,.template-card .check{display:none}.template-card strong{font-size:9px}.style-controls{gap:15px}.style-summary>div{font-size:10px}.timeline-panel{padding:10px 18px 14px;min-height:250px;background:#11121b}.timeline-head strong{font-size:12px}.timeline-head span,.timeline-tools{font-size:10px}.timeline-grid-v3{grid-template-rows:24px 44px 62px 44px;border-radius:6px}.track-label{font-size:8px;background:#151621}.track-canvas,.timeline-scroll{background:#141620}.time-ruler span{position:absolute;top:5px;font-size:9px;color:#8f91a9;transform:translateX(-50%)}.time-ruler span:first-child{transform:none}.time-ruler span:last-child{transform:translateX(-100%)}.wave-bar{background:#55507c}.wave-bar.active{background:#a48af9}.timeline-segment{background:#50407888;border-color:#8d74bb;color:#e7d8ff;font-size:10px}.video-segment{background-color:#263553;background-size:auto 100%;background-repeat:repeat-x;cursor:grab;touch-action:none;padding:26px 3px 2px;border-color:#5475aa;color:white;font-size:10px}.video-segment.selected{border:2px solid #b29aff}.resize-handle{width:7px}.timeline-help{font-size:9px}.beat-marker{background:#b1a2ff25}.beat-marker.major{background:#b1a2ff60}.lyrics-editor-head{font-size:9px}.lyric-row input{font-size:11px}.lyrics-scroll{max-height:140px}.empty-lyrics{font-size:11px;min-height:44px}.settings-dialog p,.settings-dialog label{font-size:12px}.settings-status{font-size:11px}.top-status.online{color:#b3a5fa}.project-title:focus{border-color:#8774c9}.lyric-karaoke .word-active{background:#ffffff16;border-radius:3px}
@media(max-width:1100px){.workspace{grid-template-columns:224px minmax(340px,1fr) 216px}.topbar{grid-template-columns:155px minmax(130px,1fr) auto;gap:8px}.top-actions{gap:4px}.video-row-controls{grid-template-columns:1fr 1fr 44px 18px 18px 18px}.timeline-tools{gap:6px}}
/* V4 asset and offline lyric editor */
.asset-actions{display:flex;gap:6px;align-items:center}.asset-actions .primary-wide{flex:1}.asset-actions .ghost-button{flex-shrink:0}.asset-library{min-height:100px;max-height:265px;overflow:auto;display:grid;gap:6px;margin-top:10px;padding:2px}.asset-card{display:flex;align-items:center;gap:8px;border:1px solid #303347;border-radius:7px;padding:7px;background:#191c2a;cursor:grab;min-width:0}.asset-card.selected{border-color:#b7a2ff;background:#302849}.asset-card:focus-visible{outline:2px solid #b7a2ff}.asset-thumb{display:grid;place-items:center;flex-shrink:0;width:44px;height:38px;border-radius:4px;background:#2a2c44 center/cover;color:#c1b4ff;font-size:22px}.asset-copy{min-width:0;display:grid;gap:4px}.asset-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-copy span{color:#9ca0bb;font-size:9px}.asset-copy em{font-size:9px;color:#f4c897;font-style:normal}.asset-selection{margin:9px 0;color:#bbb5d4;font-size:10px;overflow-wrap:anywhere}#assetSearch{width:100%;font-size:11px;padding:8px;background:#10121d;border:1px solid #303247;border-radius:6px;color:white}.active-audio{display:grid;grid-template-columns:1fr auto;gap:5px;margin:12px 0;padding:9px;background:#1b1930;border-radius:7px;min-width:0}.active-audio>span:first-child{grid-column:1/-1;color:#a49eaf;font-size:9px}.active-audio strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-audio #audioMeta{font-size:9px;color:#aaa;grid-column:1/-1}.active-audio button{font-size:9px;grid-column:1/-1;justify-self:start}.manual-box{margin-top:14px;padding:11px;background:#191827;border-color:#493d68}.manual-box .section-title{margin-bottom:4px}.manual-box textarea{font-size:12px;min-height:110px;line-height:1.5;background:#11111d}.manual-option{display:grid;gap:5px;font-size:10px;color:#bbb}.manual-option select{width:100%;font-size:10px;background:#141421;color:#ddd;border:1px solid #3b3651;padding:7px;border-radius:5px}.offline-badge{font-size:8px;color:#c7b8ff;border:1px solid #655286;border-radius:3px;padding:3px}.lyric-row.selected{background:#292039;box-shadow:inset 3px 0 #bd9cff}.timeline-segment.selected{border:2px solid #d1b8ff;background:#6e519baa}.selection-label{font-size:10px;color:#b1a2cc;margin-top:8px}.timeline-head{height:auto;min-height:36px;gap:12px;flex-wrap:wrap}.timeline-tools{flex-wrap:wrap;justify-content:flex-end}.drop-target{outline:2px dashed #c6adff;outline-offset:-3px;background:#332646!important}.dialog-body{padding:22px}.dialog-body p{font-size:12px;line-height:1.6;color:#b1aec2}.shortcuts-dialog{width:min(690px,94vw);max-height:85vh;overflow:auto}.shortcut-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #292734;font-size:11px}.shortcut-row kbd{white-space:nowrap;color:#d4c6ff;font:10px ui-monospace,monospace;background:#282235;border:1px solid #48405b;border-radius:4px;padding:3px 6px}.tap-line{padding:20px;background:#252035;color:#e9e0ff;border:1px solid #6a538a;border-radius:8px;font-size:18px;line-height:1.5;margin:15px 0}.topbar{grid-template-columns:145px minmax(140px,1fr) auto;gap:8px}.top-actions .ghost-button{font-size:10px;padding:6px 8px}.top-actions{gap:4px}.workspace{grid-template-columns:270px minmax(360px,1fr) 244px}#shortcutBtn{font-weight:bold;min-width:27px}#newProjectBtn{white-space:nowrap}.timeline-help{line-height:1.5}.manual-box .asset-actions{flex-wrap:wrap}.lyrics-editor-head,.lyric-row{grid-template-columns:minmax(200px,1fr) 90px 90px 38px}
@media(max-width:1100px){.workspace{grid-template-columns:242px minmax(320px,1fr) 216px}.topbar{grid-template-columns:130px minmax(100px,1fr) auto;padding:0 12px}.top-actions .ghost-button{font-size:9px;padding:6px}.timeline-head{align-items:flex-start}.timeline-tools{max-width:75%}.workspace{min-height:565px}}
.media-panel .panel-heading{position:sticky;top:-18px;background:#13141d;z-index:10;padding:10px 0;margin-top:-8px;gap:6px}.panel-jumps{display:flex;gap:4px}.panel-jumps button{font-size:9px;padding:5px 7px}
.canvas-overlay{inset:0!important;top:0!important;left:0!important;right:0!important;transform:none!important;pointer-events:none;line-height:normal}.canvas-overlay canvas{width:100%;height:100%;display:block}.stage-vignette{display:none}.template-list{grid-template-columns:repeat(2,1fr);max-height:245px}.template-card{align-items:stretch}.template-swatch{height:48px;font-size:18px;background:#101018;overflow:hidden}.template-card>div:nth-child(2)>span{display:block;font-size:8px;color:#aaa;min-height:22px}.template-card strong{font-size:10px}.tool-switch{display:flex;gap:3px}.tool-switch .active{background:#7454be;color:white;border-color:#bc9dff}.video-track.razor-mode,.razor-mode .video-segment,.razor-mode .resize-handle{cursor:crosshair}.resize-handle{width:10px;background:#ffffff30}.resize-handle:hover{background:#ccb1ff;box-shadow:0 0 8px #ccb1ff}.video-segment{user-select:none}.export-options{margin:14px 0;display:grid;gap:5px}.export-options button{padding:12px;font-size:12px}.export-problem{color:#ffbe98!important}.export-options .helper{margin:0 0 8px}#exportProgress{display:grid;gap:10px;margin:12px 0}#exportProgress progress{width:100%;accent-color:#af89ff}#exportProgressLabel{font-size:12px;color:#bfaadf}.style-controls select{max-width:100%}.style-controls>label:has(select){grid-template-columns:1fr}.style-controls .helper{margin:0;font-size:10px;line-height:1.5}
.video-track.razor-mode,.lyric-track.razor-mode,.razor-mode .timeline-segment,.razor-mode .video-segment,.razor-mode .resize-handle{cursor:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTIgMTRMMjcgM00xMiAxOEwyNyAyOU0xMCAxNUwyNCA1TTEwIDE3TDI0IDI3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjQiLz48cGF0aCBkPSJNMTIgMTRMMjcgM00xMiAxOEwyNyAyOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iNyIgY3k9IjEwIiByPSI1IiBmaWxsPSIjOGU2Y2U1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI3IiBjeT0iMjMiIHI9IjUiIGZpbGw9IiM4ZTZjZTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") 16 16,crosshair}
/* V6: ordinary pointer, compact row inspector and precise drag targets. */
.waveform,.video-track,.lyric-track,.time-ruler,.timeline-segment,.video-segment{cursor:default}
.timeline-segment,.video-segment{touch-action:none}
.timeline-segment .resize-handle,.video-segment .resize-handle{cursor:ew-resize}
.timeline-segment.is-dragging{cursor:grabbing;z-index:6;box-shadow:0 3px 14px #0008}
.timeline-segment.selected{outline:2px solid #cab5ff;outline-offset:-2px;background:#534077}
.timeline-segment.custom-style{border-bottom:3px solid var(--lyric-color,#b79aff)}
.template-card{cursor:grab;user-select:none;min-width:0}
.template-card:active{cursor:grabbing}
.template-list{max-height:210px;overflow:auto}
.template-card:focus-visible,button:focus-visible{outline:2px solid #b79aff;outline-offset:2px}
.style-scope{background:#191624;border:1px solid #3c3155;border-radius:8px;padding:9px;margin-bottom:10px}
.style-scope label{font-size:10px;color:#c4b2df;display:block;margin-bottom:6px}
.style-scope select{width:100%;padding:6px;border:1px solid #4d3d67;border-radius:5px;background:#201b2c;color:#ede5ff;font-size:11px}
.style-scope p{font-size:10px;line-height:1.4;color:#9f92b4;margin:6px 0 0}
.style-controls :disabled{opacity:.4;cursor:default}
.dragging-style .timeline-segment,.dragging-style .lyric-row{outline:1px dashed #a28ac4;outline-offset:-1px}
.timeline-segment.style-drop-target,.lyric-row.style-drop-target{outline:2px solid #cfb7ff!important;outline-offset:-2px;background:#654991!important;box-shadow:0 0 20px #9870ed55}
.split-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0;font-size:11px;color:#a89dbd}
.split-toolbar strong{color:#e2d9f4;margin-right:auto;font-size:11px;font-weight:500}
.split-toolbar .split-hint{font-size:10px;color:#8f869e;margin-left:8px}
.draft-split{gap:4px}.draft-split>span{width:100%;font-size:10px}
.lyrics-editor{border-top:1px solid #30293f;margin-top:12px}
.lyric-row{align-items:center;min-height:54px;border-left:2px solid transparent}
.lyric-row.selected{background:#211b30;border-left-color:#c9b2ff}
.lyric-text-cell{min-width:0;display:grid;gap:3px;padding:4px 0}
.lyric-text-cell textarea{resize:vertical;min-height:28px;max-height:140px;height:30px;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;padding:5px 7px;color:#eee9f7;font-size:12px;line-height:18px;white-space:pre-wrap}
.lyric-text-cell textarea:focus{outline:none;border-color:#8e70bc;background:#16121f}
.row-style-name{padding-left:8px;color:#9f8eb9;font-size:9px;pointer-events:none}
.lyrics-scroll{max-height:270px}

@media(max-width:1250px){.split-hint{display:none}.timeline-head{height:auto;min-height:34px;flex-wrap:wrap;gap:5px}.timeline-tools{flex-wrap:wrap}}
.workspace{height:clamp(390px,calc(100vh - 440px),650px);min-height:390px}
.panel,.preview-column{min-height:0}