:root,[data-theme='carbon']{--app-chrome:#08090a;--bg:#0d0f10;--surface:#151719;--surface-raised:#1c1f21;--ink:#f4f3ef;--ink-soft:#c7c7c2;--muted:#8d918f;--border:#303437;--primary:#ff9f1c;--primary-dark:#d77b00;--accent:#d8d8d3;--accent-light:#fff;--ombre-sm:0 10px 34px rgba(0,0,0,.24);--ombre-lg:0 24px 64px rgba(0,0,0,.52);color-scheme:dark;}
[data-theme='workshop']{--app-chrome:#edf2f4;--bg:#f4f7f8;--surface:#fff;--surface-raised:#fff;--ink:#162027;--ink-soft:#34434b;--muted:#687981;--border:#d6e0e4;--primary:#006bb6;--primary-dark:#004f89;--accent:#183f56;--accent-light:#006bb6;--ombre-sm:0 10px 28px rgba(21,54,73,.09);--ombre-lg:0 24px 60px rgba(21,54,73,.18);color-scheme:light;}
[data-theme='premium']{--app-chrome:#121211;--bg:#e9e6df;--surface:#f8f6f0;--surface-raised:#fffdf7;--ink:#171714;--ink-soft:#403f39;--muted:#77736a;--border:#d5d0c5;--primary:#b78b49;--primary-dark:#8f6933;--accent:#24231f;--accent-light:#f4ead8;--ombre-sm:0 12px 34px rgba(45,39,29,.11);--ombre-lg:0 28px 70px rgba(35,30,22,.22);color-scheme:light;}
body{background:var(--bg);color:var(--ink);transition:background-color .22s ease,color .22s ease;}
.wizard-header,.wizard-bottom-bar{background:color-mix(in srgb,var(--app-chrome) 93%,transparent);}
.wizard-view[data-wizard-step='1'] .usage-scenario-panel{position:relative;overflow:hidden;background-image:linear-gradient(135deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface) 74%,transparent)),var(--brand-banner-image);background-size:cover;background-position:center;}
.has-brand-banner .wizard-view[data-wizard-step='1'] .usage-scenario-panel{min-height:min(720px,calc(100dvh - 210px));align-content:end;display:grid;}
.design-trigger{order:3;display:flex;align-items:center;gap:8px;max-width:190px;min-height:46px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--ink);}
.design-trigger[hidden]{display:none!important;}
.design-trigger-logo{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--trigger-logo) center/cover no-repeat;}
.design-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:11px;}
.design-panel{position:fixed;z-index:180;top:0;right:0;width:min(430px,100vw);height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));overflow:auto;background:var(--surface);color:var(--ink);box-shadow:var(--ombre-lg);transform:translateX(102%);transition:transform .24s cubic-bezier(.2,.78,.24,1);}
.design-panel.is-open{transform:translateX(0)}.design-panel[hidden]{display:none}.design-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.design-panel h2{margin:5px 0 20px;font:700 24px 'Sora',sans-serif}.design-panel header button{width:46px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--ink);font-size:24px}
.theme-picker{display:grid;gap:9px;margin:0 0 20px;padding:0;border:0}.theme-picker legend{margin-bottom:10px;font-weight:800}.theme-picker label{display:block;cursor:pointer}.theme-picker input{position:absolute;opacity:0}.theme-picker span{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.theme-picker small{color:var(--muted)}.theme-picker input:checked+span{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.design-field{display:grid;gap:8px;margin:18px 0;font-weight:800}.design-field input{width:100%;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink)}
.branding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.branding-grid label{display:grid;gap:7px;font-size:11px;font-weight:800}.branding-grid input{display:none}.branding-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--border);border-radius:12px;background:var(--bg) center/cover no-repeat;color:var(--muted);cursor:pointer}.branding-grid span.has-image{border-style:solid}.design-clear{width:100%;margin-top:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink)}
.design-all-settings{width:100%;margin-top:9px;border:1px solid var(--primary);border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--bg));color:var(--ink);font-weight:800}
.diagnostic-console-head::before{content:'';display:none;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--brand-avatar-image) center/cover no-repeat}.has-brand-avatar .diagnostic-console-head::before{display:block}.has-brand-avatar .diagnostic-console-head>div{margin-right:auto}
.ps-brand-header{display:flex;align-items:center;gap:14px;min-height:82px;margin-bottom:18px;padding:14px;border-radius:10px;background:#171717 center/cover no-repeat;color:#fff}.ps-brand-header img{width:54px;height:54px;border-radius:10px;object-fit:cover}.ps-brand-header div{display:grid;gap:3px}.ps-brand-header strong{font-size:19px}.ps-brand-header span{font-size:11px;opacity:.8}
@media(max-width:620px){.design-trigger{max-width:48px;padding:6px}.design-trigger-name{display:none}.design-panel{padding-left:16px;padding-right:16px}.branding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}