

:root{--bg:#05060f;--panel:#0c0e1c;--panel2:#121429;--line:#272b45;--line-soft:#1b2037;--text:#f5f7ff;--muted:#959bb6;--accent:#9472ff;--danger:#f58aa6;font-family:'Inter',sans-serif;color-scheme:dark}
html,body,.app-shell{background:var(--bg);color:var(--text)}
body{font-size:12px;letter-spacing:-.012em}button,input,textarea,select{font-family:'Inter',sans-serif}
button{transition:background .15s,border-color .15s,box-shadow .15s;letter-spacing:-.012em}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a895ff;outline-offset:2px}
button:disabled{cursor:default;opacity:.38}
.topbar{height:68px;background:linear-gradient(110deg,#080a17,#0d0d24 65%,#10122a);border-bottom:1px solid #262846;grid-template-columns:122px minmax(150px,1fr) auto;gap:16px;padding:0 20px;box-shadow:0 4px 24px #0002}
.brand{gap:8px}.brand-symbol{width:53px;height:36px;object-fit:contain;mix-blend-mode:screen}.brand-caption{font-size:8px!important;color:#adb1cf!important;letter-spacing:.18em!important;line-height:1.65}
.project-title{border:1px solid transparent;background:transparent;padding:8px 9px;color:#eaedfc;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500;max-width:350px;border-radius:6px}
.project-title:hover,.project-title:focus{background:#12152c;border-color:#303653}
.top-actions{gap:7px}.top-actions .ghost-button{font-size:11px;padding:8px 9px}.top-select{padding:8px;font-size:11px;background:#111527;border-color:#2a304b}
.top-status{display:none}.ghost-button,.top-select{background:#111425;border:1px solid #2b304a;color:#c3c9e0;border-radius:7px;box-shadow:none}
.ghost-button:hover{background:#1b1d37;border-color:#575080;color:#f5f7ff}.ghost-button[aria-pressed=true]{border-color:#8062df;background:#302650;color:#ece6ff}
.ghost-button,.export-button,.primary-wide{align-items:center;justify-content:center;gap:7px}
button:has(.ui-icon){display:inline-flex}.ui-icon{width:15px;height:15px;flex-shrink:0;vertical-align:middle;pointer-events:none}
.shortcut-button kbd{border:1px solid #3c3c59;background:#1d1c33;border-radius:4px;font-size:10px;min-width:16px;text-align:center;color:#b5abc9;padding:1px 3px;margin-left:3px}
.export-button,.primary-wide{background:linear-gradient(120deg,#7961ee,#5d51d6);border:1px solid #9383ef;color:#fff;font-weight:600;box-shadow:inset 0 1px 0 #ffffff20,0 3px 14px #6849d326}
.export-button:hover,.primary-wide:hover{background:linear-gradient(120deg,#9275ff,#7065ef);border-color:#b5a2ff}
.export-button{font-size:11px;padding:8px 13px}.primary-wide{font-size:11px;padding:11px}.icon-only{min-width:30px;padding:7px!important}
.workspace{grid-template-columns:260px minmax(330px,1fr) 310px;height:clamp(440px,calc(100vh - 390px),760px);min-height:440px}
.panel{padding:18px 16px;background:linear-gradient(180deg,#0e1020,#0b0d1a);border-color:#252a43;scrollbar-width:thin;scrollbar-color:#3b3a58 transparent}
.panel-heading{margin-bottom:17px}.panel-heading h2{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;letter-spacing:-.045em;margin-top:5px}.eyebrow{color:#8e8dbc;font-size:8px;letter-spacing:.16em;font-weight:500}
.media-panel .panel-heading{background:#0e1020;top:-18px;padding:12px 0;align-items:end}.panel-jumps{gap:3px}.panel-jumps button{padding:5px 7px;font-size:10px}
#assetSearch{border:1px solid #2a304a;background:#101426;border-radius:7px;padding:9px 10px;font-size:11px;color:#e4e8ff}
.asset-library{border-color:#272d49;background:#090c1a;border-radius:9px}.asset-card{background:#14182d;border-color:#303652;border-radius:8px}.asset-card.selected{border-color:#9f82f4;background:#252344}
.helper,.gallery-hint{font-size:10px;line-height:1.6;color:#8e97b7}.asset-selection{font-size:10px;color:#a9b0ca}.asset-actions{gap:5px}.asset-actions .compact{font-size:10px}
.active-audio{background:linear-gradient(110deg,#19172e,#10172b);border:1px solid #2b2d4a;border-radius:9px;padding:11px}.active-audio strong{color:#e9eafb;font-size:11px}
.advanced-section{border-color:#232842}.advanced-section summary{font-size:11px;color:#bdc3df}.section-title{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;color:#d9def3}.divider{background:#23283f;margin:16px 0}
.manual-box{border:1px solid #323250;background:linear-gradient(145deg,#16162a,#101322);border-radius:10px;padding:12px}.manual-box textarea{background:#090d1b;border:1px solid #30344d;color:#dce1f4;font-size:12px;line-height:1.6;border-radius:7px;min-height:124px}.offline-badge{background:#272347;color:#a99cdb;font-size:8px}.manual-option{font-size:10px;color:#aab1cc}.manual-option select{background:#15192d;border-color:#303653;color:#dce1f4}
.status-pill{font-size:9px;color:#969fbf}.status-pill.ok{color:#b3b7da}.status-pill>span{background:#8f84ce}.mode-switch{background:#0a0e1b;border-color:#272d46}.mode-switch button{font-size:10px}.mode-switch button.active{background:#25233e;color:#dfd9f6}
.preview-column{background:#060912}.preview-toolbar{height:48px;min-height:48px;background:#0a0d19;border-bottom:1px solid #222740;padding:0 16px}.preview-meta{display:flex;gap:6px;align-items:center}.language-chip{border:0;background:transparent;font-size:9px;color:#8a94b6;padding:5px}.language-chip:has(#previewBpm){display:none}
.segmented{background:#111628;border:1px solid #242d48;border-radius:6px}.segmented button{font-size:10px;padding:5px 10px}.segmented button.active{background:#292846;color:#eeeaff}
.stage-wrap{padding:18px 24px;position:relative;background:radial-gradient(ellipse at 50% 48%,#19192f 0%,#0b0e1d 46%,#070913 76%)}
.stage{border:1px solid #36364f;border-radius:10px;box-shadow:0 20px 60px #0007}.stage-9-16{max-height:540px;height:min(100%,540px)}.stage-1-1{max-height:100%;max-width:95%;width:auto;height:min(100%,540px)}
.stage-16-9{max-width:95%;max-height:100%}.empty-stage{gap:12px;color:#aaa5c8;background:radial-gradient(ellipse at 50% 40%,#20193788,#080b1688);padding:24px}
.empty-brand{width:64px;height:44px;object-fit:contain;mix-blend-mode:screen;margin-bottom:6px}.stage-placeholder-title{font-family:'Space Grotesk',sans-serif;font-size:23px!important;font-weight:500;color:#edeaff;letter-spacing:-.05em;line-height:1.12}.stage-placeholder-sub{font-size:10px!important;color:#9d98b7}.empty-stage .ghost-button{font-size:10px;background:#27213f;border-color:#4c3d70;padding:8px 12px;margin-top:7px}
.transport{height:49px;min-height:49px;background:#0c1020;border-color:#232b45;padding:0 18px;grid-template-columns:32px 55px minmax(120px,1fr) 55px}.play-button{background:#cec2ff;color:#171326;width:29px;height:29px}.timecode{font-family:'Inter',sans-serif;font-size:10px;color:#c7cee6;letter-spacing:0}.shortcut-hint{font-size:8px;color:#6d7695;padding:6px}
.notice{background:#15152a;border-color:#343049;color:#c5bfd9;font-size:10px;border-radius:6px;margin:4px 16px 9px;padding:7px 10px}
.style-scope{background:#14162b;border:1px solid #303451;border-radius:8px;padding:10px}.style-scope label{font-size:10px;color:#8f96b6}.style-scope select{background:#101326;border-color:#353754;font-size:11px;padding:7px}.style-scope p{font-size:10px;color:#9e9ac2}
.style-panel .advanced-section{border:0;margin-top:14px;padding:0}.style-panel summary{display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:13px;cursor:pointer}.collection-label{font-family:'Inter',sans-serif;font-size:7px;letter-spacing:.15em;color:#81779e}
.template-filters{display:flex;gap:5px;margin:13px 0 7px;padding:3px;background:#080d1a;border:1px solid #252b46;border-radius:7px}.template-filters button{flex:1;border:0;background:transparent;color:#8d97b5;border-radius:4px;padding:6px 4px;font-size:10px}.template-filters .active{background:#292642;color:#e0d7ff}.gallery-hint{margin:4px 0 10px;font-size:9px}
.template-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:362px;padding:2px 3px 8px 0;scrollbar-width:thin;scrollbar-color:#383452 transparent}
.artist-card.template-card{display:flex;flex-direction:column;position:relative;padding:0;border:1px solid #2b304b;border-radius:8px;overflow:hidden;background:#111427;gap:0;box-shadow:none;min-width:0;text-align:left}
.artist-card.template-card:hover{border-color:#8c77cf;box-shadow:0 5px 14px #07051255}.artist-card.template-card.selected{border-color:#a68bf3;background:#24203d;box-shadow:0 0 0 1px #a68bf355}.template-canvas{display:block;width:100%;height:142px;object-fit:contain;background:#0b0e1b;pointer-events:none}
.artist-card .template-copy{padding:9px 9px 10px;gap:4px;display:flex;flex-direction:column;width:100%;min-height:56px}.artist-card .template-copy strong{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;letter-spacing:-.04em;color:#e9e5fb}.artist-card .template-copy>span{font-size:9px!important;line-height:1.4;color:#8d94b0!important;min-height:0!important}.template-drag-label{position:absolute;right:6px;top:6px;font-size:7px!important;color:#d7d0e9!important;background:#23243dcc;border:1px solid #ffffff18;border-radius:4px;padding:3px 5px;letter-spacing:.1em;opacity:0}.artist-card:hover .template-drag-label{opacity:1}
.empty-presets{grid-column:1/-1;font-size:11px;color:#9a9fba;padding:15px;line-height:1.6}
.style-controls{gap:14px}.style-controls label{font-size:11px;color:#aab2cf}.style-controls select{font-size:11px;background:#11162b;border-color:#303752;border-radius:6px;padding:7px;color:#e0e4f4}.style-controls .helper{font-size:9px;color:#858eab}.style-controls output{color:#d0c4f1;font-variant-numeric:tabular-nums}.style-controls input[type=range]{height:4px;accent-color:#9c7cf3}.color-row input[type=color]{background:#151a2c;border-color:#343853;border-radius:6px;height:26px}.style-actions button{font-size:10px}.style-summary{font-size:10px}
.timeline-panel{padding:13px 20px 18px;background:linear-gradient(180deg,#0d1020,#090c18);border-top:1px solid #282d4a}.timeline-head{min-height:30px;height:auto;gap:8px}.timeline-head strong{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500}.timeline-head span{font-size:10px;color:#8c95b4}.timeline-tools{gap:6px!important}.timeline-tools button{font-size:10px;padding:6px 9px}.timeline-tools label{font-size:9px}.tool-switch{background:#090c1a;padding:3px;border:1px solid #2a2c45;border-radius:7px}.tool-switch button{border:0;background:transparent;padding:5px 8px}.tool-switch button.active{background:#594697;color:#eee7ff}.snap-control{color:#8d9bbf}.timeline-tools input{accent-color:#9280e4}
.timeline-grid{border:1px solid #2c304b;border-radius:8px;margin-top:10px}.track-label{background:#101528;color:#8490b2;border-color:#282e49;font-size:8px;letter-spacing:.08em}.track-canvas{background:#0c1122}.time-ruler{background:#0e1427;border-color:#272e49}.time-ruler span{color:#8591b1;font-size:8px}.waveform{background:#0c1326}.video-track,.lyric-track{background:linear-gradient(90deg,#101426,#11152b)}
.timeline-segment{border-radius:5px;background:#38304f;border:1px solid #6c5889;color:#ddd6eb;font-size:10px;box-shadow:none}.timeline-segment.selected{background:#4c3b72;outline:1px solid #c0a7f5;outline-offset:-1px;box-shadow:0 0 0 1px #a48cc955}.timeline-segment.custom-style{border-bottom:2px solid var(--lyric-color,#c3abe8)}.resize-handle{width:7px;background:#ffffff24}.resize-handle:hover{background:#d0bafa;box-shadow:none}.video-segment{border-color:#495782;background-color:#23334f;border-radius:5px}.timeline-playhead{background:#dcd4ef;width:1px}.timeline-playhead:before{border-top-color:#d2bfff}.selection-label{font-size:10px;color:#9c96ba;margin-top:9px}.timeline-help{font-size:9px;color:#687592;margin-top:5px}
.lyrics-editor{border-color:#292f49;border-radius:8px;background:#0b0f1d;margin-top:12px;overflow:hidden}.split-toolbar{padding:10px 12px;font-size:10px;gap:7px}.draft-split{padding:5px 0}.split-toolbar strong{font-family:'Space Grotesk',sans-serif;font-size:12px;color:#d2c5f1}.split-toolbar .split-hint{font-size:9px;color:#797f9b}.split-toolbar button{font-size:10px;padding:6px 9px}.lyrics-editor-head{font-size:8px;color:#7e88a6;letter-spacing:.06em;padding:7px 10px;border-color:#202841}.lyric-row{background:#0c101e;border-bottom:1px solid #1e253b;padding:2px 10px}.lyric-row.selected{background:#211b35;border-left:2px solid #b693ed}.lyric-row input{font-size:11px;color:#c0c7df;background:transparent;border-color:#252c44}.lyric-text-cell textarea{font-size:12px;color:#e0e4f2}.lyric-text-cell textarea:focus{background:#11162a;border-color:#645482}.row-style-name{font-size:9px;color:#988bac}.lyrics-scroll{max-height:220px;scrollbar-width:thin;scrollbar-color:#393752 transparent}
.settings-dialog{background:linear-gradient(140deg,#12162b,#0c1020);border:1px solid #3c3b5e;border-radius:14px;box-shadow:0 24px 100px #000a}.settings-dialog::backdrop{background:#020412c9;backdrop-filter:blur(7px)}.settings-dialog h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}.settings-dialog p{color:#abb3d0;font-size:12px;line-height:1.65}.settings-dialog input{background:#0b1123;border-color:#303a57}.shortcut-row{border-color:#292f49;padding:9px 0;font-size:11px}.shortcut-row kbd{font-family:'Inter';font-size:10px;background:#22223c;border:1px solid #3b3a59;color:#d4c9f5}
.safe-area-guides{position:absolute;inset:0;pointer-events:none;z-index:9}.safe-box{position:absolute;inset:10% 10% 15%;border:1px dashed #ddd2ff80;border-radius:3px;box-shadow:0 0 0 1000px #0a06141a}.stage-9-16 .safe-box{inset:10% 17% 22% 8%}.safe-box>span{position:absolute;top:-14px;left:0;font-family:'Inter';font-size:7px;color:#d0c2ec;letter-spacing:.06em;white-space:nowrap}
@media(max-width:1250px){.workspace{grid-template-columns:236px minmax(320px,1fr) 280px}.topbar{grid-template-columns:103px minmax(130px,1fr) auto;gap:8px;padding:0 14px}.top-actions{gap:4px}.top-actions .ghost-button{padding:7px;font-size:10px}.shortcut-button kbd{display:none}.brand-caption{font-size:7px!important}.brand-symbol{width:44px}.timeline-head{flex-wrap:wrap}.timeline-tools{flex-wrap:wrap}.panel{padding:16px 13px}.template-canvas{height:132px}.template-copy{min-height:58px!important}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.brand-symbol{width:61px;height:40px;mix-blend-mode:normal}.empty-brand{width:90px;height:54px;mix-blend-mode:normal}

/* V8: quiet logo-only branding and local audio review. */
.topbar{grid-template-columns:64px minmax(100px,1fr) auto}.brand{justify-content:center}.brand-symbol{width:42px;height:42px}.ai-dialog{width:min(620px,94vw)}#aiMessage{line-height:1.6;white-space:pre-wrap}#aiProgress{width:100%;accent-color:#8b7bff}#aiPreview{max-height:45vh;overflow:auto;border:1px solid #303044;border-radius:10px}.ai-preview-row{padding:10px 14px;border-bottom:1px solid #242437}.ai-preview-row span{font-size:11px;color:#9694b7}.ai-preview-row p{white-space:pre-wrap;margin:4px 0;font-size:15px}.needs-review{border-left:2px solid #d5ae73}.needs-review span,.timing-review{color:#d5ae73!important}#setupParakeetBtn{margin-bottom:9px}#autoSyncDraftBtn{margin-top:10px}[hidden]{display:none!important}

/* V9: the stage is fitted as a single, proportionate rectangle. */
.stage-wrap{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.stage{flex:none;box-sizing:content-box;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:2px}.stage-video{object-fit:contain;background:#000}.video-fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.canvas-overlay{z-index:2}.video-settings{display:grid;gap:9px;margin-bottom:16px}.video-settings label{display:grid;gap:6px;font-size:10px;color:#aaa8c4}.video-settings select{width:100%;background:#121528;color:#e5e3f4;border:1px solid #30334c;border-radius:6px;padding:7px}.video-settings input{accent-color:#a58bff;width:100%}.video-settings:not([open])>*:not(summary){display:none}.range-toolbar{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap;font-size:10px;color:#b1a8cd}.range-toolbar .eyebrow{display:inline}#rangeSummary{font-variant-numeric:tabular-nums;color:#d1c3fa}.range-canvas{height:28px;position:relative;background:#0a1020;touch-action:none;cursor:crosshair}.range-band{height:24px;top:2px;position:absolute;min-width:3px;background:#8f6ad535;border:1px solid #b094ee;display:flex;align-items:center;justify-content:space-between;cursor:grab}.range-band span{font-size:9px;color:#d8c7ff;white-space:nowrap;overflow:hidden;pointer-events:none}.range-band button{height:100%;width:10px;min-width:10px;background:#ad8ced;border:0;cursor:ew-resize;padding:0}.range-band button:focus-visible{outline:2px solid white}.saved-range{display:grid;grid-template-columns:20px 1fr auto auto;gap:7px;align-items:center;border-bottom:1px solid #303148;padding:10px 0}.saved-range span{white-space:pre-wrap}.saved-range small{display:block;color:#9893b8}.export-range-summary{border:1px solid #584477;padding:10px;border-radius:8px;color:#d9c9ff}#savedRangesList{max-height:50vh;overflow:auto}.video-settings .helper{margin:0}

/* V10: clear save state, precise framing and quieter type controls. */
.project-heading{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.project-heading .project-title{padding:4px 8px}.save-state{font-size:9px;color:#828ba5;padding-left:9px;line-height:1.4}.save-state[data-dirty=true]{color:#d6c3fc}.save-state[data-dirty=true]:before{content:'●';font-size:6px;vertical-align:1px;margin-right:5px}.video-settings .scale-control{grid-template-columns:1fr auto;align-items:center}.scale-control input[type=range]{grid-column:1/-1}.scale-control span{display:flex;align-items:center;gap:5px;color:#cbb7ff}.scale-control input[type=number]{width:56px;border:1px solid #38334f;background:#111428;border-radius:5px;padding:5px;color:#eee8ff}.style-controls label:has(output){grid-template-columns:1fr auto}.style-controls label:has(output)>input{grid-column:1/-1}.style-controls{gap:17px}.template-canvas{height:160px}.gallery-hint{line-height:1.7}#saveProjectBtn:disabled{opacity:.6}.settings-actions{flex-wrap:wrap}.stage-video{max-width:none;max-height:none}
/* Personal studio */
.studio-dialog{width:min(840px,94vw)}.studio-heading{display:flex;align-items:center;justify-content:space-between}.studio-heading h2{margin:8px 0}.studio-tabs,.studio-actions,.track-toolbar{display:flex;align-items:center;gap:7px;margin:12px 0}.studio-tabs{border-bottom:1px solid #303149;padding-bottom:10px}.studio-tabs button{background:transparent;border:0;border-radius:6px;color:#aaa7c5;padding:8px 14px}.studio-tabs .active{background:#33264f;color:#eee1ff}.library-items{max-height:45vh;overflow:auto;display:grid;gap:8px;padding:12px 0}.library-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:14px;border:1px solid #2c304b;border-radius:9px;padding:10px;background:#101426}.library-item strong,.library-item small{display:block}.library-item strong{font-size:13px}.library-item small{font-size:10px;color:#9795b1;margin-top:5px}.library-preview{height:55px;background:#1b1932;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:25px;overflow:hidden}.library-preview img{max-width:100%;max-height:100%;object-fit:contain}#librarySearch,#libraryPath{width:100%;padding:9px;border-radius:6px;border:1px solid #34324d;color:#d6d1e7}#libraryStatus{white-space:pre-wrap}.track-toolbar{font-size:11px;color:#a39db9}.track-toolbar button{font-size:10px}#targetTrackHint{margin-left:8px;color:#9086a9;font-size:10px}.extra-track-label{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:4px;min-height:64px}.extra-track-label button{border:0;background:transparent;color:#b8aacd;font-size:10px;padding:2px}.extra-track-label button:first-child{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:9px}.active-track{background:#302047}.extra-lane{height:64px;position:relative;background:#111326}.extra-lane.audio{background:#0c2025}.extra-lane.lyrics{background:#21172e}.muted-track{opacity:.4}.layer-clip{position:absolute;top:8px;height:48px;border:1px solid #7879b8;border-radius:5px;background:#39335d;background-size:auto 100%;color:#eee8fb;cursor:grab;touch-action:none;min-width:3px;overflow:hidden}.audio .layer-clip{background-color:#18424b;border-color:#498c94}.layer-clip .segment-label{display:block;padding:12px;font-size:10px;white-space:nowrap}.layer-clip.selected{outline:2px solid #d3b4ff;outline-offset:-2px}.studio-layer-media{position:absolute;object-fit:fill;pointer-events:none}#layerInspector{display:grid;gap:12px;margin-bottom:18px;padding:12px;border:1px solid #56446d;border-radius:8px;background:#1b1730}#layerInspector label{display:grid;grid-template-columns:1fr auto;gap:6px;color:#afa4c4;font-size:11px}#layerInspector input,#layerInspector select{grid-column:1/-1;width:100%;accent-color:#b693ed}#layerInspector select{background:#101428;color:#e8ddf5;border:1px solid #3f3553;padding:7px;border-radius:5px}#layerInspector:not([open])>*:not(summary){display:none}.timeline-grid{grid-auto-rows:64px}.extra-lane .timeline-segment{top:12px;height:34px}

.library-card-actions{display:flex;flex-direction:column;gap:6px}.library-card-actions button:last-child{font-size:9px;color:#a49ab9}
/* V12 adjustable workspace and consistent disclosures */
html,body{min-width:980px}.workspace{grid-template-columns:var(--left-panel,280px) 7px minmax(270px,1fr) 7px var(--right-panel,330px)!important;height:var(--workspace-height,calc(100vh - 390px));min-height:340px;gap:0;overflow:hidden}.media-panel{grid-column:1;grid-row:1}.preview-column{grid-column:3;grid-row:1;min-width:0}.style-panel{grid-column:5;grid-row:1}.panel{min-width:0;overflow:auto;padding:14px 12px 22px;scrollbar-width:thin;scrollbar-color:#383a57 transparent}.panel .panel-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 0 12px;position:static;background:transparent;border-bottom:1px solid #292b44}.panel-heading h2{font-size:15px;margin:0;letter-spacing:-.025em}.panel-focus{width:28px;height:26px;padding:0!important;font-size:17px!important}.workspace-section{border:1px solid #2c304a;border-radius:9px;margin:0 0 10px;padding:0 12px 12px;background:linear-gradient(145deg,#121629,#101323)}.workspace-section>summary{display:flex;align-items:center;gap:9px;list-style:none;padding:14px 0;color:#e4e0f3;font-size:12px;font-weight:600;cursor:pointer;user-select:none}.workspace-section>summary::-webkit-details-marker{display:none}.workspace-section>summary:before{content:'›';font-size:18px;line-height:12px;color:#a798d4;transition:transform .15s}.workspace-section[open]>summary:before{transform:rotate(90deg)}.workspace-section:not([open]){padding-bottom:0!important}.workspace-section:not([open])>*:not(summary){display:none!important}.workspace-section[open]>summary{margin-bottom:8px;border-bottom:1px solid #252a41}.workspace-section .advanced-section{margin:0 0 14px}.workspace-section .manual-box{border:0;padding:0;margin:0;background:transparent}.panel>.divider{display:none}.style-panel #layerInspector{border-color:#514367;background:#1a1730}.panel-resizer{grid-row:1;background:#080c18;cursor:col-resize;touch-action:none;position:relative}.panel-resizer:before{content:'';position:absolute;top:40%;bottom:40%;left:2px;width:3px;border-radius:4px;background:#3a3554}.panel-resizer:hover,.panel-resizer:focus-visible,.workspace-resizer:hover,.workspace-resizer:focus-visible{background:#66558d;outline:none}.workspace-resizer{height:9px;background:#17172a;cursor:row-resize;touch-action:none;display:flex;justify-content:center;align-items:center}.workspace-resizer:before{content:'';width:44px;height:3px;border-radius:4px;background:#615875}.resizing-panels{user-select:none}.resizing-panels iframe{pointer-events:none}.resizable-list{resize:vertical;min-height:110px;max-height:700px;overflow:auto!important;scrollbar-width:thin}.asset-library.resizable-list{display:flex;flex-direction:column;align-items:stretch}.asset-card{flex-shrink:0}.template-list.resizable-list{align-content:start;max-height:700px}.lyrics-scroll.resizable-list{max-height:700px}.source-range{display:flex;gap:8px;align-items:center;font-size:10px;color:#aaa5bc;margin:9px 0 12px}.source-range input{accent-color:#ab8df2}.manual-option{margin:10px 0}#extractVideoAudioBtn{font-size:10px;margin-bottom:8px}.timeline-grid{grid-template-columns:112px minmax(0,1fr)}.track-label{padding:8px;color:#9289ae}.extra-track-label{justify-content:flex-start;position:relative;cursor:grab;border-top:2px solid transparent;border-bottom:2px solid transparent}.extra-track-label:before{content:'⠿';font-size:13px;color:#706382;position:absolute;right:6px;top:5px}.extra-track-label button:first-child{padding-right:12px;text-align:left;min-height:20px;font-size:10px!important}.extra-track-label button{min-width:18px;height:20px;border-radius:4px;background:#ffffff06}.extra-track-label button:hover{background:#ffffff1c}.track-drop-before{border-top:2px solid #bc9cff!important}.track-drop-after{border-bottom:2px solid #bc9cff!important}.dragging-track{opacity:.5}.timeline-scroll{min-width:0}.track-toolbar{flex-wrap:wrap}.timeline-grid{max-height:480px;overflow:auto}.range-canvas{height:28px}.ruler-scroll{height:24px}.preview-meta{gap:6px;flex-wrap:wrap;justify-content:flex-end}.preview-toolbar{min-height:46px;height:auto;padding:8px 10px;gap:8px}.preview-column .stage-wrap{padding:14px;min-height:100px}.transport{grid-template-columns:30px 45px minmax(40px,1fr) 45px;padding:0 10px;gap:6px}.topbar{padding:0 12px;gap:8px}.top-actions{flex-wrap:wrap;gap:4px}.top-actions .ghost-button{font-size:10px;padding:6px}.top-status{display:none}.topbar{grid-template-columns:50px minmax(110px,1fr) auto}.storage-path{font-size:11px;overflow-wrap:anywhere;color:#d6c9f0!important;background:#171b2d;padding:10px;border-radius:6px}#storageDialog{width:min(620px,95vw)}#storageDialog label{display:grid;gap:6px;margin:12px 0}#storageDialog input,#storageDialog select{padding:10px;background:#11172a;color:#ebe5f7;border:1px solid #39354d;border-radius:6px;width:100%}#storageProgress{width:100%}#storageSettingsBtn{margin:12px 0}.workspace-section .style-controls{padding:0}.template-canvas{height:155px}.workspace-section .style-scope{padding:0;margin:0 0 12px}.workspace-section .style-scope select{max-width:100%}#lyricsSource{max-width:100%}.asset-actions{flex-wrap:wrap}.panel .active-audio{margin:10px 0 0}.preview-meta .language-chip{display:none}
.template-list.resizable-list{grid-auto-rows:max-content}.artist-card.template-card{min-height:210px}.template-canvas,.artist-card .template-copy{flex-shrink:0}.panel .workspace-section>summary{justify-content:flex-start;font-family:'Inter',sans-serif}.panel>.workspace-section{border:1px solid #2c304a;padding:0 12px 12px;margin:0 0 10px}.new-layer-drop{padding:9px 14px;border:1px dashed #40364f;border-radius:7px;color:#8b7da4;font-size:10px;background:#121223;margin-top:8px}.new-layer-drop:hover{color:#d4bff5;border-color:#87709d}.template-list{scrollbar-gutter:stable}.panel .workspace-section{scroll-margin-top:10px}

.style-panel .section-body{max-height:max(200px,calc(var(--workspace-height,700px) - 250px));overflow:auto;padding:0 2px 3px;scrollbar-width:thin;scrollbar-color:#453758 transparent}.video-settings .section-body{display:grid;gap:12px}.style-panel .workspace-section>summary{font-size:12px}.template-card .template-copy{overflow:visible}.layer-clip.is-dragging{opacity:.75}
/* V13: only primary actions remain in the workspace. */
.track-toolbar,.timeline-help,.selection-label,.shortcut-hint,.offline-badge,.split-hint,.active-audio,.asset-selection,#newLayerDropZone,.style-summary{display:none!important}.media-panel .asset-actions{gap:6px}.media-panel .section-body{overflow:auto;max-height:330px}.media-group-label{font-size:10px;font-weight:600;color:#a6a5c3;padding:13px 0 7px;border-bottom:1px solid #30334d;margin:2px 0 6px;letter-spacing:.05em}.media-group-label:first-child{padding-top:3px}.asset-library{gap:6px}.media-panel #layerInspector{margin-bottom:10px}.timeline-head{height:40px;min-height:40px;flex-wrap:nowrap;margin-bottom:7px}.timeline-tools{position:relative;gap:8px!important}.timeline-menu{position:relative}.timeline-menu>summary{list-style:none;font-size:11px;padding:8px 12px;cursor:pointer;user-select:none}.timeline-menu>summary::-webkit-details-marker{display:none}.timeline-menu[open]>summary{background:#332749;border-color:#8b6bbb}.timeline-menu-body{position:absolute;top:calc(100% + 8px);right:0;width:330px;max-height:65vh;overflow:auto;background:#111526;border:1px solid #45405e;box-shadow:0 14px 60px #000a;border-radius:12px;padding:12px;z-index:40}.timeline-menu-body section{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #282c44;padding:8px 0 14px;margin-bottom:5px}.timeline-menu-body section:last-child{border-bottom:0;margin-bottom:0}.timeline-menu-body section>strong{width:100%;color:#aea1c6;font-size:10px;font-weight:500;letter-spacing:.04em;margin-bottom:5px}.timeline-menu-body button{padding:7px 10px!important;font-size:11px!important}.timeline-menu-body label{display:flex;align-items:center;gap:7px;width:100%;font-size:11px;color:#bcb3ce}.timeline-menu-body input[type=range]{flex:1}.timeline-menu-body .range-toolbar,.timeline-menu-body .lyric-split{display:flex;flex-wrap:wrap;margin:0;padding:0;gap:7px;background:transparent;border:0}.timeline-menu-body .eyebrow,.timeline-menu-body #lyricEditLabel{display:none}.timeline-menu-body #rangeSummary{width:100%;order:-1;font-size:11px}.timeline-menu-body .lyric-split>span{display:none}.timeline-panel{padding-top:9px}.timeline-grid{margin-top:0}.lyrics-editor{margin-top:12px}.lyrics-editor-head{padding:9px 12px}.track-label{position:relative;padding-right:27px}.track-add{position:absolute!important;right:6px;top:6px;width:20px!important;min-width:20px!important;height:20px!important;padding:0!important;font-size:15px!important;line-height:18px;border:1px solid #49405a!important;border-radius:5px;color:#d7c6f5!important;background:#232035!important;z-index:3}.track-add:hover{background:#514166!important}.extra-track-label:before{display:none}.extra-track-label>button:first-child{width:100%;padding-right:0}.base-track-name{font-size:10px;font-weight:500;color:#bdb4ce;letter-spacing:0}.clip-delete{position:absolute;top:2px;right:11px;z-index:12;width:16px;height:16px;border:0;border-radius:4px;background:#0b1020b3;color:#ddd2ef;font:14px/14px Arial;padding:0;cursor:pointer;opacity:.72}.clip-delete:hover,.clip-delete:focus-visible{opacity:1;background:#a84263;color:#fff}.video-segment,.layer-clip,.timeline-segment{min-width:28px}.clip-waveform{position:absolute;inset:8px 0 auto;width:100%;height:38px;pointer-events:none;opacity:.65}.audio-clip .segment-label{position:relative;z-index:1;padding:3px 32px 3px 9px;background:linear-gradient(#10343dcf,transparent);font-size:9px}.linked-audio:after{content:'↔';position:absolute;bottom:2px;left:7px;font-size:10px;color:#b9eef0;pointer-events:none}.timeline-segment .segment-label{padding-right:29px}.timeline-menu-body .split-toolbar>strong{font-size:10px}.panel .helper{font-size:10px}#languageHint{line-height:1.45;margin:0}#languageHint:empty{display:none}#advancedEditorSettings{border-top:1px solid #343049;margin-top:16px;padding:12px 0}#advancedEditorSettings>summary{cursor:pointer;font-size:12px;color:#c9bedc;margin-bottom:12px}#advancedEditorSettings .workspace-section{background:#161829;margin:8px 0}#settingsDialog{max-height:88vh;overflow:auto}#layerInspector .section-body{display:grid;gap:12px}#layerInspector .section-body label{grid-template-columns:1fr auto}.media-panel>.panel-heading h2{font-size:14px}.media-panel #materialAccordion>summary{display:none}.media-panel #materialAccordion{padding-top:12px}.timeline-tools .tool-switch button{font-size:10px!important}.timeline-menu:not([open])>.timeline-menu-body{display:none!important}

.timeline-menu.menu-up>.timeline-menu-body{top:auto;bottom:calc(100% + 8px)}.timeline-menu-body .split-toolbar{min-width:0}.timeline-menu-body .snap-control{justify-content:flex-start}
