/* Ecosystem reference: Art-Manager workspace-themes.css, approved ivory / graphite.
   These tokens style the application only; portfolio colors live on #stage. */
:root{
 --aw-bg:#f5f1e8;--aw-surface:#fffdf8;--aw-layer:#efe7db;--aw-text:#2d302c;--aw-muted:#66695f;
 --aw-accent:#895629;--aw-accent-hover:#714322;--aw-line:rgba(91,69,44,.16);--aw-field-line:rgba(117,93,63,.28);
 --aw-panel:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,252,244,.26));
 --aw-field:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.48) 42%,rgba(237,226,207,.28));
 --aw-button:rgba(255,255,255,.44);--aw-selected-text:#fffdf8;--aw-shadow:rgba(85,69,46,.08);
 --aw-notice-bg:#f4ede1;--aw-notice-text:#473222;--aw-notice-line:#b49775;--aw-error:#b13c36;
 --aw-backdrop:radial-gradient(ellipse at 82% 24%,rgba(210,168,103,.44),transparent 46%),radial-gradient(ellipse at 16% 70%,rgba(148,174,155,.30),transparent 46%),radial-gradient(ellipse at 42% 8%,rgba(255,255,255,.88),transparent 34%),linear-gradient(125deg,#f9f6ee,#f0eadf);
 --aw-scheme:light;
}
:root[data-app-theme=dark]{
 --aw-bg:#242727;--aw-surface:#353938;--aw-layer:#414644;--aw-text:#f2eee5;--aw-muted:#c0c3ba;
 --aw-accent:#e4b784;--aw-accent-hover:#f0c99b;--aw-line:rgba(229,225,215,.17);--aw-field-line:rgba(218,221,208,.27);
 --aw-panel:linear-gradient(135deg,rgba(82,89,87,.62),rgba(52,57,55,.56));
 --aw-field:linear-gradient(145deg,rgba(105,114,109,.36),rgba(45,51,48,.72));
 --aw-button:rgba(107,116,111,.22);--aw-selected-text:#262822;--aw-shadow:rgba(0,0,0,.14);
 --aw-notice-bg:#414039;--aw-notice-text:#f2eee5;--aw-notice-line:#e4b784;--aw-error:#ffb4a8;
 --aw-backdrop:radial-gradient(ellipse at 85% 12%,rgba(178,142,95,.14),transparent 40%),radial-gradient(ellipse at 10% 62%,rgba(127,161,146,.12),transparent 44%),#242727;
 --aw-scheme:dark;
}
html{background:var(--aw-bg)}body{background:var(--aw-backdrop);background-attachment:fixed}
.app-theme-choice{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:3px;border:1px solid var(--aw-line);border-radius:6px;background:var(--aw-button);color:var(--aw-text)}
.app-theme-choice button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 9px;border:0;border-radius:4px;background:transparent;color:var(--aw-muted);font:inherit;font-size:10px;cursor:pointer}
.app-theme-choice button[aria-pressed=true]{background:var(--aw-accent);color:var(--aw-selected-text)}
.app-theme-choice button:focus-visible{outline:2px solid var(--aw-accent);outline-offset:3px}
.creator-header,.creator-sidebar,.creator-preview{background:var(--aw-panel);backdrop-filter:blur(22px) saturate(115%)}
.creator-header>div{gap:10px}.creator-header select{background:var(--aw-field);color:var(--aw-text);border-color:var(--aw-field-line)}
.creator-layout,.creator-header,.creator-preview,.creator-sidebar,#editor,#creator-help{color:var(--aw-text);color-scheme:var(--aw-scheme)}
.form-field{background:var(--aw-field);border-color:var(--aw-field-line)}
.collection-editor .form-field{background:var(--aw-field)}
.form-field::placeholder{color:var(--aw-muted);opacity:1}
.primary:hover{background:var(--aw-accent-hover)}
.primary,.step-button[aria-current=step] span,.preview-heading button[aria-pressed=true]{color:var(--aw-selected-text)}
.creator-layout input[type=checkbox]{accent-color:var(--aw-accent)}
.creator-layout option,.creator-header option{background:var(--aw-surface);color:var(--aw-text)}
.template-card,.collection-editor,.summary-card,.address-guide,.locale-grid .switch-row{box-shadow:inset 0 1px 0 var(--aw-button),0 12px 30px var(--aw-shadow)}
#creator-help{background:var(--aw-surface);border:1px solid var(--aw-line);padding:24px}
#creator-help::backdrop{background:rgba(20,25,24,.45);backdrop-filter:blur(8px)}
.studio-bar,.settings-panel,.preview-dock,.template-context{background:var(--aw-panel);color:var(--aw-text);border-color:var(--aw-line);backdrop-filter:blur(22px) saturate(115%);--studio-ink:var(--aw-text);--studio-border:var(--aw-line);--accent:var(--aw-accent);color-scheme:var(--aw-scheme)}
.studio-bar .art-logo>span:first-child,.studio-bar .local-badge,.settings-panel .panel-intro,.template-context p,.preview-dock .dock-demo{color:var(--aw-muted)}
.studio-bar .studio-divider,.preview-dock .status-dot{background:var(--aw-accent)}
.studio-bar .style-switch,.studio-bar .studio-template-select,.settings-panel :is(input,select),.preview-dock .device-controls button{background:var(--aw-field);color:var(--aw-text);border-color:var(--aw-line)}
.studio-bar option,.settings-panel option{background:var(--aw-surface);color:var(--aw-text)}
.preview-dock .device-controls button[aria-pressed=true]{background:var(--aw-accent);color:var(--aw-selected-text)}
.studio-actions{gap:14px}.studio-bar .theme-choice-label{display:none}
.studio-bar :is(.local-badge,.swatch.is-active:after),.device-controls{border-color:var(--aw-line)}
@media(max-width:650px){.theme-choice-label{display:none}.app-theme-choice button{padding:5px;min-width:28px}.creator-header>div{gap:8px}.studio-actions{gap:3px}}
@media(max-width:400px){.studio-bar .icon-button{min-width:30px;padding:5px}.creator-header select{max-width:110px}.creator-header{padding-inline:12px}.app-theme-choice{gap:0}}

.ecosystem-app-bar{display:flex!important;justify-content:space-between;gap:24px;height:76px;padding:0 clamp(16px,4vw,64px);position:sticky;top:0;z-index:35;border-bottom:1px solid var(--aw-line);color:var(--aw-text)}
.ecosystem-app-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--aw-text);white-space:nowrap;font-size:18px}.ecosystem-app-brand img{width:32px;height:32px;object-fit:contain}.ecosystem-app-brand span{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--aw-accent)}
.ecosystem-app-controls{display:flex;align-items:center;gap:24px}.ecosystem-app-controls select{font:inherit;font-size:13px;max-width:185px;padding:11px 14px;border:1px solid var(--aw-line);border-radius:12px;background:var(--aw-field);color:var(--aw-text)}
.app-account{position:relative;font-size:13px}.app-account summary{cursor:pointer;list-style:none;border:1px solid var(--aw-line);background:var(--aw-button);padding:12px 16px;border-radius:999px}.app-account>div{position:absolute;inset-inline-end:0;top:52px;min-width:150px;background:var(--aw-surface);border:1px solid var(--aw-line);border-radius:12px;padding:12px;box-shadow:0 10px 30px var(--aw-shadow)}.app-account a{display:block;padding:10px;color:var(--aw-text)}
.app-theme-choice{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--aw-line);border-radius:999px;background:var(--aw-button);box-shadow:0 4px 16px var(--aw-shadow)}
.theme-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.theme-switch input{position:absolute;inset:0;opacity:0;width:50px;height:26px;margin:0;z-index:1;cursor:pointer}.slider{position:absolute;inset:0;background:#b3b6ac;border-radius:34px;transition:background .4s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:white;border-radius:50%;transition:transform .4s}.theme-switch input:checked+.slider{background:#e4b784}.theme-switch input:checked+.slider:before{transform:translateX(24px)}.theme-switch input:focus-visible+.slider{outline:2px solid var(--aw-accent);outline-offset:4px}.theme-choice-label,.studio-bar .theme-choice-label{display:inline;font-size:13px;white-space:nowrap}
.studio-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 28px;border-bottom:1px solid var(--aw-line);color:var(--aw-text);background:var(--aw-panel)}.studio-tools .style-switch,.studio-tools .studio-template-select{background:var(--aw-field);color:var(--aw-text);border-color:var(--aw-line)}.studio-tools option{background:var(--aw-surface);color:var(--aw-text)}
.builder-preview .studio-tools{display:none!important}
@media(max-width:850px){.ecosystem-app-controls{gap:12px}.theme-choice-label,.studio-bar .theme-choice-label{display:none}.ecosystem-app-brand span{font-size:9px}.studio-tools{padding-inline:16px}}
@media(max-width:550px){.ecosystem-app-bar{height:auto;min-height:104px;display:grid!important;grid-template-columns:1fr;gap:9px;padding:12px 16px}.ecosystem-app-brand{font-size:16px}.ecosystem-app-controls{justify-content:space-between;gap:8px;min-width:0}.ecosystem-app-controls select{max-width:125px;padding:8px;font-size:11px}.app-account summary{padding:9px;font-size:11px}.app-theme-choice{padding:7px 9px}.studio-tools{gap:8px;padding:9px 12px}.studio-tools .studio-brand{display:none}.studio-tools .palette-switch{display:none}.studio-tools .style-switch{max-width:230px}.studio-tools .studio-template-select{max-width:220px}.creator-header>div{gap:8px}}
@media(prefers-reduced-motion:reduce){.slider,.slider:before{transition:none}}

.ecosystem-app-brand img{display:none}.ecosystem-app-brand:before{content:"";display:block;width:32px;height:32px;background:var(--aw-accent);mask:url('/assets/socialarte-logo.png') center/contain no-repeat;-webkit-mask:url('/assets/socialarte-logo.png') center/contain no-repeat}