/* Shared product palette: homepage preview and live workspace. */
:root{--bench-bg:#111a35;--bench-surface:#1c294d;--bench-input:#152140;--bench-text:#f4f8ff;--bench-muted:#b9cae8;--bench-line:#ffffff24;--bench-accent:#f4ff30}
.workbench{background:var(--bench-bg);color:var(--bench-text)}.workbench .version-toggle button.active{background:var(--bench-accent)}
body.signed-in{--paper:var(--bench-bg);--ink:var(--bench-text);--muted:var(--bench-muted);--line:var(--bench-line);background:var(--bench-bg);color:var(--bench-text);color-scheme:dark}.signed-in .app-header{background:var(--bench-bg);border-color:var(--bench-line)}.signed-in .logo span{color:var(--bench-accent)}.signed-in .project-nav{background:#0c1530;border-color:var(--bench-line)}.signed-in .project-nav>a:hover,.signed-in .workspace-link:hover{background:var(--bench-surface)}.signed-in .workspace-link.nav-current{background:var(--bench-accent);color:#111a35}.signed-in .workspace-link>span{color:inherit}.signed-in .primary,.signed-in .primary.red{background:var(--bench-accent);border-color:var(--bench-accent);color:#111a35}.signed-in .primary:hover{background:#faff89}.signed-in .plain:hover{color:var(--bench-accent)}.signed-in input,.signed-in textarea,.signed-in select{background:var(--bench-input);color:var(--bench-text);border-color:#50638b}.signed-in input::placeholder,.signed-in textarea::placeholder{color:#91a6ce;opacity:1}.signed-in .projects-heading h1 em{color:var(--bench-accent)}.signed-in .projects-heading h1{font-size:clamp(38px,4vw,58px)}.signed-in .project-home-content{background:var(--bench-bg)}.signed-in .project-cover,.signed-in .reference,.signed-in .creation-panel .reference{background:#192849;border-color:#50638b}.signed-in .project-open,.signed-in .reference-change{background:var(--bench-accent);color:#111a35}.signed-in .empty-cover,.signed-in .nav-monogram{color:#7390c1}.signed-in .new-project-card{border-color:#56739f;color:var(--bench-text)}.signed-in .new-project-card:hover{background:var(--bench-surface);border-color:var(--bench-accent)}.signed-in .new-project-card>span{color:var(--bench-accent)}.signed-in .template-use{background:var(--bench-surface);color:var(--bench-accent)}.signed-in .template-use:hover{border-color:var(--bench-accent)}.signed-in .project-card{padding-bottom:12px}.signed-in .project-cover{border-radius:3px}.signed-in .json-icon{color:var(--bench-accent)}.signed-in .project-title{color:var(--bench-text)}.signed-in .creation-panel,.signed-in .editor-tabs{background:var(--bench-bg)}.signed-in .editor-layout{grid-template-columns:minmax(340px,40%) minmax(0,1fr)}.signed-in .creation-panel{padding:0 30px 28px}.signed-in .editor-tabs{gap:10px;padding:18px 0}.signed-in .editor-tabs button{padding:9px 16px;min-height:36px;border:1px solid transparent;border-radius:3px;color:var(--bench-muted);font:11px 'Courier New',monospace}.signed-in .editor-tabs button[aria-selected=true]{background:var(--bench-accent);border-color:var(--bench-accent);color:#111a35}.signed-in .panel-intro .eyebrow{color:var(--bench-accent);font-size:10px}.signed-in .panel-intro h2{font:700 30px/1.12 Grotesk,Arial;letter-spacing:-1px}.signed-in .panel-intro p:not(.eyebrow){font-size:12px}.signed-in .active-reference{background:var(--bench-surface);color:var(--bench-text)}.signed-in .project-canvas{background:var(--bench-bg);background-image:none}.signed-in .canvas-topline{height:73px;color:var(--bench-muted);border-bottom:1px solid var(--bench-line);margin:0 30px;padding:0;font-size:10px}.signed-in .canvas-topline .plain{color:var(--bench-text)}.signed-in .canvas-stage{padding:24px 30px}.signed-in .canvas-art>img{box-shadow:none;border-radius:3px}.signed-in .canvas-art figcaption>span{color:var(--bench-muted)}.signed-in .canvas-art figcaption>a{color:var(--bench-accent)}.signed-in .canvas-emblem{color:var(--bench-accent)}.signed-in .canvas-empty .eyebrow,.signed-in .canvas-empty>p:not(.eyebrow){color:var(--bench-muted)}.signed-in .canvas-empty h2{font-family:Grotesk,Arial;font-weight:700}.signed-in .project-filmstrip{background:var(--bench-surface);border-color:var(--bench-line)}.signed-in .filmstrip-heading,.signed-in .film-empty{color:var(--bench-muted)}.signed-in .film-frame{background:#111a35}.signed-in .film-frame.selected{border-color:var(--bench-accent);background:var(--bench-accent)}.signed-in .recipe-version-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--bench-line);padding-bottom:18px}.signed-in .recipe-version-bar label{margin:0;font:10px 'Courier New',monospace}.signed-in .recipe-version-bar select{width:auto;flex:1;min-width:130px}.signed-in .portable-actions{width:100%;gap:16px}.signed-in .portable-actions .plain{border:1px solid #50638b;padding:8px 12px;font:10px 'Courier New',monospace}.signed-in .live-recipe{font:12px/1.95 'Courier New',monospace;color:var(--bench-accent);white-space:pre-wrap;overflow-wrap:anywhere;min-height:260px;margin:26px 0;padding-bottom:24px;border-bottom:1px solid var(--bench-line)}.signed-in .template-save{border-color:#50638b;color:var(--bench-text)}.signed-in #template-dialog,.signed-in #project-dialog{background:var(--bench-bg);color:var(--bench-text);border-color:#50638b;border-radius:5px}.signed-in .template-editor-tabs button[aria-pressed=true]{color:var(--bench-accent);border-color:var(--bench-accent)}.signed-in .dialog-heading .eyebrow{color:var(--bench-accent)}.signed-in #template-json{color:var(--bench-accent);background:#0c1530}.signed-in #toast{background:var(--bench-accent);color:#111a35;z-index:30}.signed-in .notice{background:#243861;color:var(--bench-text);border-color:var(--bench-accent)}.signed-in :is(button,a,input,textarea,select,summary):focus-visible{outline-color:var(--bench-accent)}.signed-in #template-dialog h2,.signed-in #project-dialog h2{font-family:Grotesk,Arial;font-size:30px}.signed-in .project-search input{background:var(--bench-input)}.signed-in .history-status{color:var(--bench-muted)}
@media(min-width:1650px){.signed-in .editor-layout{grid-template-columns:minmax(420px,40%) minmax(0,1fr)}.signed-in .creation-panel{padding-left:40px;padding-right:40px}}
@media(max-width:1000px) and (min-width:761px){.signed-in .editor-layout{grid-template-columns:340px minmax(0,1fr)}.signed-in .creation-panel{padding:0 20px 24px}.signed-in .canvas-stage{padding:20px}.signed-in .canvas-topline{margin:0 20px}}
@media(max-width:760px){.signed-in .editor-layout{grid-template-columns:1fr}.signed-in .creation-panel{padding:0 22px 20px}.signed-in .project-nav{background:#0c1530}.signed-in .canvas-topline{height:50px;margin:0 22px}.signed-in .live-recipe{min-height:0}.signed-in .editor-tabs{padding:12px 0}.signed-in .canvas-stage{padding:20px}.signed-in .panel-intro h2{font-size:27px}.signed-in .projects-heading h1{font-size:38px}}
