/* Shared appearance and a gentle same-origin handoff. Original editor layout stays intact. */
::view-transition-old(root){animation:studio-look-out .38s ease both}::view-transition-new(root){animation:studio-look-in .38s ease both}
@keyframes studio-look-in{from{opacity:0}to{opacity:1}}@keyframes studio-look-out{from{opacity:1}to{opacity:0}}
html[data-studio-look]{--look-bg:#111016;--look-paper:#1c1922;--look-soft:#2a2334;--look-line:#51425f;--look-ink:#f5effa;--look-muted:#c2b5ce;--look-accent:#c58bff;--look-primary:#8852bd;--look-primary-ink:#fff;--look-header:linear-gradient(110deg,#17131e,#30224c);color-scheme:dark;background:var(--look-bg)}
html[data-studio-look=studio]{--look-bg:#07090b;--look-paper:#1b2024;--look-soft:#262c30;--look-line:#394249;--look-ink:#f0f2f3;--look-muted:#b0b8bd;--look-accent:#9adce3;--look-primary:#91ced5;--look-primary-ink:#08262b;--look-header:linear-gradient(110deg,#262c30,#15191c)}
html[data-studio-look][data-desk-theme=light]{--look-bg:#f6f4f8;--look-paper:#fff;--look-soft:#f5eefb;--look-line:#d8cbe5;--look-ink:#272132;--look-muted:#685b76;--look-accent:#774ac2;--look-primary:#774ac2;--look-primary-ink:#fff;--look-header:linear-gradient(110deg,#faf7fd,#efe5f8);color-scheme:light}
html[data-studio-look=studio][data-desk-theme=light]{--look-bg:#f5f7f7;--look-soft:#eef3f4;--look-line:#ccd9dc;--look-ink:#212c30;--look-muted:#58696f;--look-accent:#246c78;--look-primary:#246c78;--look-header:linear-gradient(110deg,#f7fafb,#e7f0f2)}
html[data-studio-look=elarabeat] body.studio-desk{--desk-ink:var(--look-ink);--desk-muted:var(--look-muted);--desk-purple:var(--look-accent);--desk-line:var(--look-line);--desk-paper:var(--look-paper);--desk-soft:var(--look-soft);--desk-primary:var(--look-primary);--desk-bg:var(--look-bg);--desk-control-line:var(--look-line);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--look-accent) 14%,var(--look-bg)),var(--look-bg) 72%);color:var(--look-ink)}
html[data-studio-look=elarabeat] body.studio-desk .desk-panel{background:linear-gradient(145deg,var(--look-soft),var(--look-paper) 70%);border-color:var(--look-line)}
html[data-studio-look=elarabeat] body.studio-desk .desk-session-bar{background:var(--look-header)}
html[data-studio-look=studio][data-desk-theme=light] body.studio-desk{--desk-ink:var(--look-ink);--desk-muted:var(--look-muted);--desk-purple:var(--look-accent);--desk-line:var(--look-line);--desk-paper:var(--look-paper);--desk-soft:var(--look-soft);--desk-primary:var(--look-primary);--desk-bg:var(--look-bg);--desk-control-line:var(--look-line);background:var(--look-bg)}
html[data-studio-look=elarabeat] .desk-shell :is(.desk-primary,[data-continue],.desk-view-switch [aria-pressed=true]){color:var(--look-primary-ink)}
html[data-studio-look=elarabeat] .desk-startup-dialog{background:var(--look-paper);color:var(--look-ink);border-color:var(--look-line)}
html[data-studio-look=elarabeat] .lyrics-project-upload-dialog .lyrics-project-file-primary{color:var(--look-primary-ink)}
html[data-studio-look] .lyrics-project-upload-dialog{background:var(--look-paper);color:var(--look-ink);border-color:var(--look-line)}
html[data-studio-look] .lyrics-project-upload-dialog button{background:var(--look-soft);color:var(--look-ink);border-color:var(--look-line)}
html[data-studio-look] .lyrics-project-upload-dialog .lyrics-project-file-primary{background:var(--look-primary);color:var(--look-primary-ink)}
.studio-look-prompt,.studio-look-dialog{box-sizing:border-box;color:var(--look-ink);background:var(--look-paper);border:1px solid var(--look-line);border-radius:18px;padding:20px;font:14px/1.5 Arial,sans-serif;box-shadow:0 12px 45px #0005}
.studio-look-prompt{margin:16px 20px}.studio-look-prompt-head strong{font-size:19px}.studio-look-prompt p,.studio-look-dialog p{margin:6px 0 14px;color:var(--look-muted)}
.studio-look-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.studio-look-choices>button{display:grid;gap:4px;min-width:0;text-align:left;padding:12px;border:1px solid var(--look-line);border-radius:12px;background:var(--look-soft);color:var(--look-ink);font:inherit;cursor:pointer}
.studio-look-choices>button[aria-pressed=true]{border-color:var(--look-accent);box-shadow:inset 0 0 0 1px var(--look-accent)}
.studio-look-choices strong{font-size:16px}.studio-look-choices small{color:var(--look-muted);font-size:12px}
.studio-look-swatch{display:grid;grid-template-columns:1fr 3fr;gap:4px;height:48px;padding:7px;margin-bottom:5px;border-radius:7px;background:#10171b}.studio-look-swatch i{background:#263238;border-radius:3px}.studio-look-swatch i:first-child{grid-row:1/3}.studio-look-swatch i:nth-child(2){background:#91ced5}.studio-look-swatch-elara{background:#17111f}.studio-look-swatch-elara i{background:#392847}.studio-look-swatch-elara i:nth-child(2){background:linear-gradient(90deg,#8650c9,#ee78b8)}
.studio-look-prompt-actions,.studio-look-modes{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-look-prompt-actions button,.studio-look-dialog>button,.studio-look-modes button{min-height:40px;padding:9px 15px;border:1px solid var(--look-line);border-radius:9px;background:var(--look-soft);color:var(--look-ink);font:inherit;cursor:pointer}
.studio-look-prompt [data-look-accept],.studio-look-modes [aria-pressed=true]{background:var(--look-primary);color:var(--look-primary-ink);border-color:transparent}
[data-look-status]:empty{display:none}.studio-look-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto}.studio-look-dialog::backdrop{background:#07090bbe;backdrop-filter:blur(4px)}.studio-look-dialog h2{margin:0;font-size:24px}.studio-look-dialog [data-look-done]{display:block;margin:18px 0 0 auto}.studio-look-dialog :focus-visible,.studio-look-prompt :focus-visible{outline:2px solid var(--look-accent);outline-offset:3px}
/* Retain the original Elarabeat night colors. Studio and day views use the shared palette. */
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor{background:var(--look-bg);color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor-dialog{background:var(--look-bg);color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.workspace-lyrics-studio-editor-head,.workspace-lyrics-studio-editor-footer){background:var(--look-header);border-color:var(--look-line);color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.workspace-lyrics-studio-editor-tools,.workspace-lyrics-studio-editor-tracks,.workspace-lyrics-studio-editor-context,.workspace-lyrics-studio-editor-main){background:var(--look-bg);border-color:var(--look-line);color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.workspace-lyrics-studio-editor-canvas,.workspace-lyrics-studio-editor-voice,.creation-track-row,.creation-lyric-section,.creation-guidance-card,.creation-context-card,.creation-progress-card,.creation-lyric-sections,.workspace-lyrics-studio-editor-context>section){background:var(--look-paper);border-color:var(--look-line);color:var(--look-ink);box-shadow:none}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(button,select,input,textarea,summary){background:var(--look-soft);border-color:var(--look-line);color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(input,textarea){background:var(--look-bg)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(input,textarea)::placeholder{color:var(--look-muted)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(small,p,label,.creation-context-field>span){color:var(--look-muted)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(h2,h3,h4,strong){color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.workspace-lyrics-studio-editor-brand small,.workspace-lyrics-studio-editor-tracks>small,.creation-context-card>small,.creation-context-card>h3,.creation-progress-card>h3){color:var(--look-accent)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is([aria-selected=true],[data-lyrics-studio-editor-track][aria-current=true],.creation-track-row.is-active,[aria-pressed=true],.creation-track-row.active){background:var(--look-primary);color:var(--look-primary-ink);border-color:var(--look-accent)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is([data-creation-editor-generate],[data-lyrics-studio-editor-generate],[data-creation-master-regenerate],.creation-master-regenerate,[data-close-lyrics-studio-editor],.creation-footer-actions button:last-child){background:var(--look-primary);color:var(--look-primary-ink);border-color:transparent}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.creation-track-row.active,.creation-track-row.is-active,[aria-selected=true]) :is(strong,small){color:inherit}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(button:disabled,select:disabled){opacity:.55;cursor:default}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :focus-visible{outline:2px solid var(--look-accent);outline-offset:3px}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor .creation-lyric-section textarea{box-shadow:none;border-color:var(--look-line);font-family:Arial,sans-serif}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor .creation-lyric-section textarea:focus{border-color:var(--look-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--look-accent) 30%,transparent)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.creation-editor-settings,.creation-editor-panel,.creation-track-hook-card,.workspace-lyrics-studio-editor-context-card,.workspace-lyrics-studio-editor-progress,dialog){background:var(--look-paper);border-color:var(--look-line);color:var(--look-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor .creation-master-button{background:var(--look-primary);border-color:transparent;color:var(--look-primary-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.workspace-lyrics-studio-editor-canvas-head,.creation-lyric-sections>section,.workspace-mature-language,.creation-track-hook-modes,.creation-track-menu){background:var(--look-paper);border-color:var(--look-line);color:var(--look-ink);box-shadow:none}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.creation-section-list>section,.workspace-lyrics-mature-control){background:var(--look-paper);border-color:var(--look-line);color:var(--look-ink);box-shadow:none}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor .creation-section-list textarea{font-family:Arial,sans-serif;border-color:var(--look-line);box-shadow:none}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor .creation-section-list textarea:focus{border-color:var(--look-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--look-accent) 30%,transparent)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor .creation-master-button :is(strong,small){color:var(--look-primary-ink)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor [data-lyrics-studio-editor-track][aria-current=true]{box-shadow:none}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor-tools button>span{background:var(--look-soft);color:var(--look-accent);border-color:var(--look-line)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor [data-lyrics-studio-editor-track][aria-current=true] :is(strong,small,span){color:inherit}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor [data-lyrics-studio-editor-track]>span{background:color-mix(in srgb,var(--look-accent) 20%,var(--look-paper));color:var(--look-accent)}
html:is([data-studio-look=studio],[data-desk-theme=light]) .workspace-lyrics-studio-editor :is(.workspace-lyrics-studio-editor-context-card>span,.workspace-lyrics-studio-editor-progress>span,.creation-track-hook-card>header strong){color:var(--look-accent)}
html[data-studio-look] .workspace-lyrics-studio-editor .studio-look-open{display:grid;place-items:center;flex:none;width:38px;height:38px;min-height:38px;border-radius:50%;padding:8px}.studio-look-open svg{width:20px;height:20px}
.workspace-lyrics-studio-editor .studio-look-prompt{position:absolute;top:82px;left:50%;transform:translateX(-50%);z-index:40;width:min(520px,calc(100% - 28px));margin:0;box-shadow:0 18px 70px #0009}
.workspace-lyrics-studio-editor.studio-look-enter{animation:studio-look-in .38s ease both}
html[data-lyrics-arrival] body{background:var(--look-bg)}
html[data-lyrics-arrival][data-studio-draft-boot=loading] .workspace-draft-boot-screen{background:var(--look-bg);color:var(--look-ink)}
html[data-lyrics-arrival] .workspace-draft-boot-card{background:var(--look-paper);border-color:var(--look-line);color:var(--look-ink)}
html[data-lyrics-arrival] .workspace-draft-boot-card :is(h1,p,small,span){color:var(--look-ink)}
html[data-lyrics-arrival] .workspace-draft-boot-card[data-state=checking] .workspace-verification-progress-ring{display:none}
.studio-lyrics-boot-sketch{display:grid;gap:10px;width:min(300px,100%);margin:0 auto 22px}.studio-lyrics-boot-sketch i{height:11px;border-radius:6px;background:linear-gradient(90deg,var(--look-soft),color-mix(in srgb,var(--look-accent) 24%,var(--look-soft)),var(--look-soft));background-size:200% 100%;animation:studio-look-shimmer 1.4s ease infinite}.studio-lyrics-boot-sketch i:nth-child(2){width:85%}.studio-lyrics-boot-sketch i:nth-child(3){width:65%}.workspace-draft-boot-card[data-state=error] .studio-lyrics-boot-sketch{display:none}@keyframes studio-look-shimmer{to{background-position:-200% 0}}
@media(max-width:600px){.studio-look-prompt{margin:12px}.studio-look-prompt,.studio-look-dialog{padding:16px}.studio-look-choices{gap:8px}.studio-look-choices>button{padding:9px}.studio-look-choices strong{font-size:14px}.studio-look-choices small{font-size:11px}.workspace-lyrics-studio-editor .studio-look-prompt{top:72px}.workspace-lyrics-studio-editor .studio-look-open{width:34px;height:34px;min-height:34px;padding:7px}}
@media(max-width:600px){html[data-studio-look] .workspace-lyrics-studio-editor-head{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}html[data-studio-look] .workspace-lyrics-studio-editor-brand{min-width:0;max-width:none;width:auto;align-self:flex-start}html[data-studio-look] .workspace-lyrics-studio-editor-brand small{white-space:nowrap}html[data-studio-look] .workspace-lyrics-studio-editor-head>div:last-child{display:flex;width:100%;min-width:0;gap:8px;flex-wrap:nowrap;justify-content:space-between}html[data-studio-look] .workspace-lyrics-studio-editor-head [data-lyrics-studio-editor-save-state]{min-width:0;font-size:10px}html[data-studio-look] .workspace-lyrics-studio-editor .studio-look-prompt{top:122px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.workspace-lyrics-studio-editor.studio-look-enter,.studio-lyrics-boot-sketch i{animation:none!important}}
.studio-look-scope{display:flex;gap:8px;padding:4px;border:1px solid var(--look-line);border-radius:12px;margin:14px 0;background:var(--look-soft)}.studio-look-scope button{flex:1;min-height:42px;padding:9px 15px;border:0;border-radius:9px;background:transparent;color:var(--look-ink);font:inherit;cursor:pointer}.studio-look-scope [aria-pressed=true]{background:var(--look-primary);color:var(--look-primary-ink)}.studio-look-individual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.studio-look-individual>section{min-width:0;border:1px solid var(--look-line);border-radius:12px;padding:14px;background:var(--look-soft)}.studio-look-individual h3,.studio-look-dialog h3{font-size:17px;margin:0 0 8px}.studio-look-individual .studio-look-choices{gap:8px}.studio-look-individual .studio-look-choices>button{padding:9px}.studio-look-individual .studio-look-choices strong{font-size:14px}.studio-look-individual .studio-look-choices small{font-size:11px}.studio-look-individual .studio-look-modes{gap:7px}.studio-look-individual .studio-look-modes button{flex:1;min-width:0;padding:9px 8px;font-size:12px}.studio-look-dialog{width:min(780px,calc(100vw - 28px))}[data-look-panel][hidden]{display:none!important}@media(max-width:600px){.studio-look-individual{grid-template-columns:1fr}.studio-look-individual>section{padding:12px}}