:root{--background:#f6f7f4;--border:#d9e1dc;--border-strong:#b9c8c0;--panel:#fff;--panel-soft:#eef4f1;--text:#17201b;--muted:#65716b;--accent:#24738a;--accent-soft:#dff1f4;--positive:#28784f;--attention:#a56016}*{box-sizing:border-box;letter-spacing:0}html{background:var(--background);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}html,body,#app{min-height:100%}body{color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:currentColor}img{max-width:100%;height:auto;display:block}p,h1,h2,dl,dd{margin:0}.home{place-items:center;min-height:100vh;padding:28px;display:grid}.home .content{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:16px;width:100%;max-width:860px;padding:34px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.2}.home h1,.design-setup h1{color:var(--text);letter-spacing:0;font-size:clamp(34px,6vw,58px);font-weight:780;line-height:.98}.summary{color:var(--muted);max-width:720px;font-size:16px;line-height:1.6}.links,.design-setup__actions{flex-wrap:wrap;gap:10px;display:flex}.links a,.setup-page__nav a,.design-setup button{border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:10px 12px;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.links .admin,.design-setup button:first-child{background:var(--accent);border:1px solid var(--accent);color:#fff}.links .docs,.setup-page__nav a,.design-setup button:last-child{background:var(--panel);border:1px solid var(--border);color:var(--text)}.setup-page{max-width:1280px;margin:0 auto;padding:24px}.setup-page__nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.setup-page__nav a:hover,.links a:hover,.design-setup button:not(:disabled):hover{border-color:var(--border-strong)}.design-setup{gap:16px;display:grid}.design-setup__panel,.design-setup__results{background:var(--panel);border:1px solid var(--border);border-radius:8px}.design-setup__panel{grid-template-columns:minmax(280px,.82fr) minmax(320px,1fr);gap:24px;padding:26px;display:grid}.design-setup__intro{align-content:start;gap:12px;display:grid}.design-setup__form{gap:14px;display:grid}.design-setup label{color:var(--muted);gap:6px;font-size:13px;font-weight:800;line-height:1.25;display:grid}.design-setup input,.design-setup select{border:1px solid var(--border);color:var(--text);font:inherit;background:#fff;border-radius:6px;width:100%;min-height:44px;padding:8px 10px;font-size:15px}.design-setup input:focus,.design-setup select:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.design-setup button{cursor:pointer}.design-setup button:disabled{cursor:not-allowed;opacity:.55}.design-setup__message{border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;padding-top:16px;font-size:14px;line-height:1.5}.design-setup__results{grid-template-columns:minmax(260px,.82fr) minmax(280px,1fr) minmax(260px,.85fr);gap:18px;padding:20px;display:grid}.design-setup__results section{min-width:0}.design-setup__results h2{color:var(--text);overflow-wrap:anywhere;margin:8px 0 18px;font-size:24px;font-weight:760;line-height:1.12}.design-setup__results dl,.design-setup__tokens,.design-setup__evidence{gap:10px;display:grid}.design-setup__results dl div,.design-setup__tokens div,.design-setup__evidence span{border-top:1px solid var(--border);gap:4px;min-width:0;padding-top:10px;display:grid}.design-setup__results dt,.design-setup__tokens span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.2}.design-setup__results dd,.design-setup__tokens strong,.design-setup__evidence span{color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.45}.design-setup__tokens strong{font-weight:740}@media (max-width:960px){.setup-page{padding:18px}.setup-page__nav{justify-content:flex-start}.design-setup__panel,.design-setup__results{grid-template-columns:1fr}}@media (max-width:620px){.home,.setup-page{padding:14px}.home .content,.design-setup__panel,.design-setup__results{padding:18px}.links,.design-setup__actions{flex-direction:column}}