/* Presentation only: existing IDs, controls and editor behavior remain intact. */
:root{--bg:#101114;--panel:#181a1f;--border:#2b2e36;--text:#e9ebf0;--muted:#979eac;--mint:#b3c4ff;--accent:#a5baff;color-scheme:dark}
body{background:#101114;font-size:13px;line-height:1.45}
main{max-width:1600px;padding:24px 32px 28px;display:flex;flex-direction:column;gap:16px}
main>header{order:0}main>.project-bar{order:1}main>.filebar{order:2}main>.studio-tabs{order:3}main>#studioPanel{order:4}main>.player{order:5}main>#alignmentPanel{order:6}main>#editorGrid{order:7}main>#reviewPanel{order:8}main>#status{order:9}main>audio{order:10}
header{margin:0 0 4px;gap:16px;padding:0 0 20px;border-bottom:1px solid var(--border)}
h1{font-size:24px;letter-spacing:-.7px;font-weight:650}header p{font-size:12px;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8b95aa;margin-bottom:5px}
h2{font-size:14px;font-weight:600;letter-spacing:-.2px}h3{font-size:12px;font-weight:600;margin:0}
button,label.upload,select{border-radius:7px;padding:8px 11px;background:#22252c;border-color:#333742;font-size:12px;transition:background .15s,border-color .15s}
button:hover,label.upload:hover{background:#2c303a;border-color:#50596c}button.primary{background:var(--mint);color:#17213b;font-weight:600}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,label.upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}
input,textarea#selectedText{background:#121419;border-color:#333742;border-radius:6px}input[type=range]{accent-color:var(--mint);width:100%}input[type=checkbox]{accent-color:var(--mint)}
.project-bar,.filebar{margin:0;gap:8px;min-width:0;align-items:center}.project-bar{padding:0}.filebar{padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:#17191e;row-gap:10px}
.bar-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);width:66px;flex-shrink:0}.project-note{font-size:11px;color:#737c8d;margin-left:5px}.filemeta{max-width:240px;font-size:11px}.filebar label.upload{background:#20232a}.badge{font-size:11px;color:var(--mint)}
.studio-tabs{display:flex;gap:3px;margin:2px 0 0;border-bottom:1px solid var(--border);padding:0}.studio-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:11px 18px}.studio-tabs button.active{background:none;color:var(--text);border-bottom-color:var(--mint)}
.panel{background:var(--panel);border:1px solid var(--border);padding:18px;border-radius:10px;box-shadow:none}.player{margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0 10px}.section-heading h2{margin:0}.section-heading span{font-size:11px;color:var(--muted)}.timeline-heading{margin:0 0 14px}.controls{gap:8px}.controls label{font-size:11px;color:var(--muted)}.clock{font-size:18px;min-width:112px;color:var(--text)}.controls #zoomReadout{margin:0;font-size:10px}.timeline-wrap{margin-top:14px;background:#111318;border-color:#30343e}.timeline-inner{height:184px}.hint{font-size:11px;line-height:1.6;color:#8791a3}.player>.hint{max-width:1000px;margin-top:10px}
.cue-block{background:#303c58;border-color:#52648a;color:#e4eaff}.cue-block.selected{background:#b3c4ff;border-color:#b3c4ff;color:#17213b}.row.selected{background:#29324a;box-shadow:inset 3px 0 var(--mint)}.row:hover{background:#232731}.row{border-color:#282c35}.row.playing,.row.selected.playing{background:#373225;box-shadow:inset 4px 0 #ffcf84}.row.playing .lyric{color:#fff7dd}
#studioPanel{padding:20px}.studio-title{margin-bottom:5px}.studio-title .badge{color:var(--muted)}.studio-intro{font-size:11px;margin:0 0 17px;color:var(--muted)}.studio-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.preview-workspace{min-width:0}.preview-frame{background:#090b0e;border:1px solid #343945;border-radius:9px;overflow:hidden}.preview-transport{padding:11px 0;margin:0;gap:8px;border-bottom:1px solid var(--border)}.preview-transport #studioPlay{min-width:72px}.preview-transport #studioTime{font-size:11px}.preview-transport #previewFullscreen{font-size:11px}.preview-transport input{min-width:70px}
.style-gallery{gap:8px;margin:0 0 14px}.style-card{padding:13px 8px;border:1px solid #2f3440;background:#20232b;font-size:11px;text-align:left;min-height:72px}.style-card .sample{font-size:17px;color:#8994ae;margin-bottom:7px}.style-card.active{background:#29334e;border-color:#8ba2e8;color:#e2e9ff}.style-card.active .sample{color:#bacbff}.preview-workspace>.actions{gap:7px}.preview-workspace>.actions button{font-size:11px}.preview-workspace #resetStyle{margin-left:auto;background:none;color:var(--muted)}#animationNotice{font-size:10px;color:#7f899b;line-height:1.65}
.studio-inspector{min-width:0;border-left:1px solid var(--border);padding-left:20px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inspector-heading h2{margin:0}.inspector-heading span{font-size:10px;color:var(--muted)}.settings-group{margin:0;border-bottom:1px solid var(--border);font-size:12px}.settings-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:#d7dce6;font-weight:550}.settings-group summary::-webkit-details-marker{display:none}.settings-group summary:after{content:'+';font-size:17px;font-weight:400;color:#7f899b}.settings-group[open] summary:after{content:'−'}.settings-group .studio-settings{padding:2px 0 15px;gap:13px 12px}.studio-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-settings label{font-size:11px;color:#98a3b6;gap:6px}.studio-settings select,.studio-settings input:not([type=range]):not([type=checkbox]){font-size:11px;padding:7px;min-width:0}.studio-settings .font-picker{grid-column:1/-1;display:flex;gap:8px;align-items:end}.font-picker>label:first-child{flex:1;min-width:0}.studio-settings label.upload{width:auto;display:block;padding:8px;white-space:nowrap;background:#242a37;color:#c6d2ed}.studio-settings .small-toggle{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:8px}.studio-settings .small-toggle input{width:auto}.studio-inspector>p{font-size:10px!important;color:#798397;line-height:1.6}.studio-inspector>.small-toggle{font-size:11px}
.export-panel{border:1px solid #343b4f;background:#1c2130;border-radius:9px;margin:18px 0 0;padding:14px;min-width:0}.export-panel legend{font-size:12px;color:#dce5ff;font-weight:600;padding:0 6px}.export-panel .export-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-panel .hint{font-size:10px;color:#99a5bc}.export-panel #exportVideo{width:100%;margin-top:4px}.export-panel #exportDownload{display:inline-block;margin-top:10px;font-size:12px}#exportMessage{font-size:11px}
#alignmentPanel{margin:0!important}.subheading{margin-bottom:12px}.subheading h2{margin:0}.grid{gap:16px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.list{max-height:540px}.row{padding:12px 10px}.row .time{font-size:10px}textarea#selectedText{font-size:20px;line-height:1.85;margin-top:7px;margin-bottom:15px}.timing{margin-bottom:14px}.tap-strip{gap:8px;padding-top:12px;margin-top:12px}.nudge{margin-top:14px;padding-top:14px}.offset{margin-top:16px}#reviewPanel{margin:0!important}#status{padding:0;min-height:20px;font-size:11px;color:#858fa1}#exportDialog{background:#1b1f29;border:1px solid #40495e;border-radius:12px;padding:25px;color:var(--text)}#exportDialog::backdrop{background:#080a11b8}
@media(min-width:1200px){.studio-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1000px){main{padding:20px}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-inspector{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:18px}.studio-inspector .studio-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.project-note{display:none}.filemeta{max-width:180px}.grid{grid-template-columns:1fr}.export-panel .export-settings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){main{padding:14px;gap:12px}header{align-items:flex-start;flex-direction:column;gap:13px;padding-bottom:15px}.toolbar{width:100%}.toolbar #export{margin-left:auto}.bar-label{width:100%;margin-bottom:3px}.filebar{padding:12px}.filemeta{max-width:160px}.panel,#studioPanel{padding:13px}.section-heading span{display:none}.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .spacer{display:none}.clock{font-size:16px;min-width:98px}.preview-transport{flex-wrap:wrap}.preview-transport input{order:4;flex-basis:100%}.preview-transport #previewFullscreen{margin-left:auto}.export-panel .export-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:22px minmax(0,1fr) 94px;gap:6px}.studio-title .badge{font-size:9px}.fullscreen-controls{flex-wrap:wrap}.fullscreen-controls .fullscreen-seek{min-width:60px}}
@media(prefers-reduced-motion:reduce){button,label.upload,select{transition:none}}

.privacy-note{order:1;font-size:11px;color:#9aabc9;padding:9px 12px;border:1px solid #2d3548;border-radius:7px;background:#182030}