/* One palette for the studio; image and PDF colors remain untouched. */
:is(.customer-shell,.admin-shell){color-scheme:dark;--bg:#252525;--surface:#252525;--surface-raised:#545454;--ink:#cfcfcf;--muted:#cfcfcf;--line:#545454;--accent:#cfcfcf;--accent-ink:#252525;--accent-soft:#545454;--neutral-mid:#7d7d7d;--danger:#ffaaa6;--warn:#f2cf93;--warn-bg:#342b1d;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}
html[data-theme=light] :is(.customer-shell,.admin-shell){color-scheme:light;--bg:#ffffff;--surface:#ffffff;--surface-raised:#f2f3f5;--ink:#202328;--muted:#59616b;--line:#d5d9df;--accent:#252525;--accent-ink:#ffffff;--accent-soft:#edf0f3;--neutral-mid:#7d7d7d;--danger:#ae2924;--warn:#785400;--warn-bg:#fff0d2}
:is(.customer-shell,.admin-shell) :is(h1,h2,h3,.brand,.style b){font-family:Manrope,Inter,system-ui,sans-serif}
:is(.customer-shell,.admin-shell) .top{background:var(--bg);border-color:var(--line);padding:16px 28px}
:is(.customer-shell,.admin-shell) .card{background:var(--surface);border-color:var(--line);box-shadow:none;border-radius:12px}
.customer-shell .workspace-intro{background:none}.customer-shell .studio-steps{background:var(--surface);border-color:var(--line)}
.customer-shell .studio-steps button[aria-current=step],.customer-shell .tabs button[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
:is(.customer-shell,.admin-shell) :is(.pill,.angle-card,.scene-group,.summary-angle,.board-material-card,.gitem,.tier,.camera-choice,.paid-api,.customer-changes,.readiness,.summary-empty,.lens-explainer){background:var(--surface);border-color:var(--line);color:var(--ink)}
:is(.customer-shell,.admin-shell) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.field input,.field select,.field textarea){background:var(--bg);border-color:var(--line);color:var(--ink);border-radius:7px}
:is(.customer-shell,.admin-shell) select option{background:var(--surface);color:var(--ink)}
:is(.customer-shell,.admin-shell) :is(input,textarea)::placeholder{color:var(--muted)}
:is(.customer-shell,.admin-shell) .btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:none;border-radius:7px}
:is(.customer-shell,.admin-shell) .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
:is(.customer-shell,.admin-shell) :is(.btn.danger,.err-text){color:var(--danger)}
:is(.customer-shell,.admin-shell) :is(.sub,.gnote,.field,.linkbtn){color:var(--muted)}
:is(.customer-shell,.admin-shell) .modal .box{background:var(--surface);color:var(--ink);border-color:var(--line)}
.customer-shell .drop,.customer-shell .angle-card .drop{background:var(--bg);border-color:var(--line)}
.customer-shell .style{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
.customer-shell .style[aria-pressed=true]{background:var(--surface-raised)!important;border-color:var(--accent)!important;box-shadow:inset 3px 0 var(--accent)!important}
.customer-shell .style:hover{background:var(--surface-raised)!important}
.customer-shell :is(.style-tags small,.chip,.cats button,.summary-badge,.summary-controls span){background:var(--surface-raised);border-color:var(--line);color:var(--ink)}
.customer-shell :is(.chip[aria-pressed=true],.cats button[aria-current=true],.camera-choice[aria-pressed=true]){background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
.customer-shell :is(.style .style-image,.style-placeholder,.package-empty){background:var(--surface-raised)}
.customer-shell :is(.style-placeholder>span,.style .style-copy>span,.camera-choice span){color:var(--muted)}
.customer-shell .dock{background:var(--bg);border-color:var(--line);box-shadow:0 -8px 25px #0002;gap:12px}
.customer-shell .dock .btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.customer-shell .dock .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.customer-shell .theme-toggle,.admin-shell .theme-toggle{font-size:24px;min-width:44px;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:50%;background:var(--surface)}
.login>.theme-toggle{position:absolute;top:20px;right:20px}
.customer-shell .login .card{background:var(--surface)}.customer-shell>.theme-toggle{position:fixed;right:20px;top:20px}
.customer-shell :is(.angle-policy,.quality-limited){background:var(--warn-bg);color:var(--warn)}
.customer-shell .board-editor-actions{background:var(--surface)}
.customer-shell .history-list article{padding:18px 0;border-bottom:1px solid var(--line)}
.customer-shell .presentation-order-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.customer-shell .presentation-order-row img{width:100px;height:65px;object-fit:contain}.presentation-order-row span{flex:1;min-width:120px}
.customer-shell #presentation-order h3{margin:24px 0 12px}.customer-shell #gallery-pages{padding:20px 0;justify-content:center}
.customer-shell .gitem{overflow:hidden}.customer-shell .gitem h3,.customer-shell .gitem>p{padding:12px 15px 0}.customer-shell .gitem .bar{gap:10px;line-height:1.6}
.customer-shell .result-actions{margin-top:18px}.customer-shell #save-indicator{max-width:250px;font-size:12px}
.customer-shell #studio-step-3>.technical-open{display:block!important}.customer-shell .technical-toggle{margin:20px 0}
.customer-shell .is-admin #prompt-panel.technical-open{display:block!important}
[hidden]{display:none!important}
.style-tools{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:8px 0 16px}.style-tools select{width:auto;min-width:210px}
.project-switcher{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.project-switcher [aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin:18px 0 30px}.workspace-grid figure{margin:0}.workspace-grid img{width:100%;height:160px;object-fit:contain;border-radius:10px;background:var(--bg)}
.workspace-grid article,.workspace-saved{padding:16px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.workspace-saved{margin:14px 0}.workspace-saved h3{margin-top:0}.saved-list{max-height:65vh;overflow:auto}
.project-identity{margin:24px 0;padding:20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px}.project-identity img{max-width:340px;width:100%;max-height:200px;object-fit:contain}
.project-workspace>h3{margin-top:28px}.support-text{white-space:pre-wrap;overflow-wrap:anywhere}.support-response{border-left:3px solid var(--accent);padding:14px;background:var(--accent-soft)}
.customer-shell .pdf-preview-box{width:min(1200px,96vw);max-width:1200px}.pdf-preview-frame{width:100%;height:65vh;border:1px solid var(--line);margin-top:16px;background:var(--surface)}
.source-checks:empty{display:none}.sample-source{font-size:11px;letter-spacing:.08em;color:var(--accent);font-weight:700}.presentation-save-actions{padding:18px 0;border-top:1px solid var(--line)}
.pdf-page-canvas{display:block;max-width:100%;height:auto;margin:16px auto;background:white;box-shadow:0 8px 30px #0004}.pdf-thumbnails{display:flex;overflow-x:auto;gap:12px;padding:16px 0}.pdf-thumbnail{background:var(--raised);color:var(--ink);border:2px solid transparent;padding:6px;min-width:160px;cursor:pointer}.pdf-thumbnail[aria-current=true]{border-color:var(--accent)}.pdf-thumbnail canvas{display:block;width:150px;height:106px;background:#fff}.pdf-thumbnail span{display:block;padding:6px}.pdf-browser-viewer .row{position:sticky;top:0;background:var(--surface);padding:8px 0;z-index:1}
@media(max-width:760px){.customer-shell .dock #save-indicator{display:none}.customer-shell .top{padding:12px 16px;gap:8px}.customer-shell .result-actions{display:grid;grid-template-columns:1fr 1fr}.customer-shell .presentation-order-row{gap:8px}}

/* Neutral palette: #252525 / #CFCFCF / #7D7D7D / #545454. */
html{background:#252525}html[data-theme=light]{background:#ffffff}body{background:inherit}
.customer-shell .brand::before{background:var(--accent);color:var(--accent-ink)}
.customer-shell :is(.studio-intro,.workspace-intro,.workspace-context,.intro-visual,.package-empty){background:var(--surface);color:var(--ink)}
.customer-shell .package-caption{background:linear-gradient(transparent,#252525);color:#cfcfcf}.customer-shell .package-caption small{color:#cfcfcf}
.customer-shell :is(.material-stripes i,.style-placeholder .material-stripes i){background:var(--neutral-mid)}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.workflow-choice{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);text-align:left;font:inherit}.workflow-choice b{font-size:17px}.workflow-choice span{font-size:13px;color:var(--muted)}.workflow-choice:hover{background:var(--accent-soft)}.workflow-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent);background:var(--accent-soft)}.workflow-main{grid-column:1/-1}.workflow-start>.btn{margin-top:8px}.workflow-start .row h2{margin:0;flex:1}.workflow-start textarea{width:100%;margin-top:8px}.workflow-start .field{margin-top:18px}
@media(max-width:620px){.workflow-grid{grid-template-columns:1fr}}
.customer-shell main.workflow-choosing .workspace-intro{display:none}
.customer-shell main.workflow-choosing .workflow-choice{padding:18px}
.customer-shell main.workflow-choosing .workflow-start{padding:22px}