/* QICS Control: Branding palette and motion, Railway workspace hierarchy. */
:root,html[data-theme=dark] {
 color-scheme:dark; --bg:#160d22; --surface:#241931; --surface-soft:#30233f;
 --ink:#fff8f1; --muted:#c2b5d1; --line:#51415f; --green:#f3a7c8; --accent:#6f3fb2;
 --good:#9be2b5; --good-bg:#18372c; --warn:#f3d28f; --warn-bg:#40321f;
 --bad:#ffb7c4; --bad-bg:#482233; --focus:#d9b8ff; --nav:232px; --radius:16px;
 --glass:rgba(40,26,57,.82); --glass-line:rgba(255,255,255,.14);
 --ease:cubic-bezier(.2,.8,.2,1); --fast:140ms; --motion:220ms;
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;
}
html[data-theme=light] {color-scheme:light;--bg:#f5f1f8;--surface:#fff;--surface-soft:#ece4f4;--ink:#241333;--muted:#675575;--line:#bfb0cd;--green:#852151;--accent:#6f3fb2;--good:#205b39;--good-bg:#e0f1e6;--warn:#78500b;--warn-bg:#fff0d5;--bad:#9d2344;--bad-bg:#ffe3eb;--focus:#6f3fb2;--glass:rgba(255,255,255,.88);--glass-line:rgba(75,42,104,.2)}
body {background:radial-gradient(ellipse at 18% 0%,#6f3fb222,transparent 50%),radial-gradient(ellipse at 95% 85%,#c01f7214,transparent 48%),var(--bg);background-attachment:fixed}
h1{font-size:1.65rem;letter-spacing:-.035em}h2{font-size:1.12rem}h3{font-size:1rem}
.shell{padding:8px;gap:0;min-height:100dvh}.sidebar{background:transparent;border:0;padding:16px 8px;height:calc(100dvh - 16px)}
.brand{padding:0 8px 24px;font-size:1.25rem;gap:8px}.brand img{width:32px;height:32px}.workspace{border-color:var(--glass-line);background:var(--glass);margin:0 0 16px;padding:8px}.workspace-icon{background:#6f3fb233;color:var(--green)}
.nav a{min-height:44px;padding:8px 12px;font-size:.875rem}.nav a[aria-current=page],html[data-theme=dark] .nav a[aria-current=page]{background:#6f3fb233;color:var(--ink);box-shadow:inset 3px 0 var(--green)}
.nav a[aria-current=page] svg{color:var(--green)}.nav-group{margin:16px 12px 8px}.sidebar-bottom{padding-top:16px}.server-badge{border-color:var(--glass-line)}
.main-wrap{border:1px solid var(--glass-line);border-radius:16px;overflow:clip;background:color-mix(in srgb,var(--bg) 76%,transparent);min-height:calc(100dvh - 16px)}
.topbar{min-height:64px;padding:8px 24px;background:var(--glass);backdrop-filter:blur(24px);border-color:var(--glass-line)}main.content{max-width:1480px;padding:32px}.page-heading{margin-bottom:24px}.page-heading .eyebrow{display:none}.page-heading p{font-size:.875rem}.breadcrumb{font-size:.8rem}
.btn{border-radius:8px;min-height:44px;padding:8px 16px;background:var(--glass);border-color:var(--line)}
.btn.primary,html[data-theme=dark] .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.btn:hover{background:var(--surface-soft);border-color:var(--green)}.btn.primary:hover{background:var(--green);color:var(--bg);filter:none}
.btn:active{transform:translateY(1px)}.btn[aria-pressed=true]{border-color:var(--green);background:var(--surface-soft)}
a,button,input,select,textarea{transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),color var(--fast) var(--ease)}
.card,.project-card,.tool-card,.service-node{background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px #ffffff08,0 8px 32px #1005190a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.card{padding:24px}.card.flush{padding:0}.metric.hero,html[data-theme=dark] .metric.hero{background:linear-gradient(120deg,#6f3fb2,#63214b);color:#fff}.metric.hero p,.metric.hero .metric-label,.metric.hero .value small{color:#f2e5fa}.metric.hero .chip{background:#352043;color:#fff}.metric .value{font-size:2rem}
.notice{border-color:var(--line)}.notice.warn,.notice.bad,.notice.good{border-color:currentColor}.service-logo{background:#6f3fb21a;color:var(--green);border-color:var(--glass-line)}
input,textarea,select{border-color:var(--line);border-radius:8px;min-height:44px}.search svg{top:12px}.logs{background:#130d1e;color:#ede0f6;border:1px solid var(--line)}.tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--green)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{display:block;padding:16px;border-radius:12px;text-decoration:none;color:var(--ink);min-width:0}.project-card:hover{border-color:var(--green);box-shadow:0 8px 24px #6f3fb21a}.project-card h2{font-size:1rem}.project-preview{display:flex;gap:8px;align-items:center;justify-content:center;min-height:144px;margin:16px 0;background-color:color-mix(in srgb,var(--bg) 70%,transparent);background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:12px 12px;border:1px solid var(--glass-line);border-radius:8px}.project-card>.row:last-child{font-size:.75rem}
main.canvas-content{max-width:none;padding:0}.canvas-top{padding:16px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--glass-line)}.canvas-top h1{margin-top:8px}
.architecture-canvas,.service-context{background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:24px 24px;position:relative}.architecture-canvas{min-height:calc(100dvh - 192px);padding:40px}.canvas-label{font-size:.85rem;font-weight:600}.canvas-label span{display:block;font-weight:400;margin-top:4px}.node-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;padding:72px 0}.service-node{width:288px;padding:24px;border-radius:12px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}.service-node:hover,.service-node.selected{border-color:var(--green);box-shadow:0 0 0 1px #f3a7c822}.service-node .service-logo{width:32px;height:32px}.service-node strong{overflow-wrap:anywhere}.canvas-note{text-align:center;margin:24px auto}.service-workspace{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1.5fr);min-height:calc(100dvh - 82px)}.service-context{padding:24px 16px}.service-context .node-grid{padding:48px 0;gap:24px}.service-context .service-node{width:100%;max-width:288px;padding:16px}.service-panel{background:var(--glass);border-left:1px solid var(--glass-line);padding:24px;min-width:0;animation:panel-in var(--motion) var(--ease)}.service-panel .page-heading{align-items:flex-start;flex-wrap:wrap}.service-panel .page-heading .row{gap:8px}.service-panel .split{grid-template-columns:1fr}.service-panel .tabs{margin:16px -24px 24px;padding-inline:24px}.service-panel .tabs a{font-size:.82rem;padding-inline:12px}.service-panel .eyebrow{display:none}
.hub-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-radius:16px;border:1px solid var(--glass-line);background:linear-gradient(120deg,#6f3fb222,#c01f7214)}.hub-summary h2{font-size:1.4rem;margin-bottom:8px}.hub-summary .eyebrow{display:block;color:var(--green)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:12px;min-width:0}.tool-card h3 a{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}.tool-card h3 svg{width:14px}.tool-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--glass-line);border-radius:12px;background:#6f3fb222;color:var(--green)}.tool-card>p{flex:1}.tool-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--glass-line);padding-top:8px;margin-top:8px;flex-wrap:wrap}.tool-footer span{font-size:.7rem;overflow-wrap:anywhere}.tool-footer a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.tool-footer .btn{padding-left:0}.hub-section:first-child .section-head{margin-top:0}
.command-trigger{font-weight:400;color:var(--muted);font-size:.8rem}kbd{font:inherit;border:1px solid var(--line);border-radius:4px;padding:0 4px}.command-results{display:flex;flex-direction:column;max-height:48dvh;overflow:auto;margin:16px 0;gap:4px}.command-result{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;text-decoration:none;border-radius:8px;color:var(--ink)}.command-result:hover,.command-result:focus{background:var(--surface-soft)}
dialog{background:var(--surface);border-color:var(--line);box-shadow:0 24px 100px #07021299;animation:dialog-in var(--motion) var(--ease)}dialog::backdrop{background:#10071eaa;backdrop-filter:blur(6px)}#notice:not(:empty),html[data-theme=dark] #notice:not(:empty){background:var(--surface);border:1px solid var(--green);color:var(--ink);animation:dialog-in var(--fast) var(--ease)}
.login-story,html[data-theme=dark] .login-story{background:linear-gradient(145deg,#19052f,#492556)}.login-story p{color:#e6d3ee}
html[data-contrast=true]{--muted:#51405e;--line:#867193;--glass:var(--surface)}html[data-contrast=true][data-theme=dark]{--muted:#ede0f6;--line:#a18aac;--glass:var(--surface)}
@keyframes panel-in{from{opacity:.5;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.project-grid,.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){:root{--nav:208px}.project-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-workspace{grid-template-columns:1fr}.service-context{display:none}.service-panel{border-left:0}.command-trigger kbd{display:none}.account-name{display:none}}
@media(max-width:900px){:root{--nav:192px}.topbar{padding:8px 16px}.breadcrumb{display:none}.top-actions{margin-left:auto}.hub-summary{align-items:flex-start;flex-direction:column;padding:24px}.project-grid,.tool-grid{grid-template-columns:1fr}}
@media(max-width:680px){.shell{padding:0}.main-wrap{border:0;border-radius:0;min-height:100dvh}.sidebar{height:auto;padding:24px 16px}.topbar{padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top))}.command-trigger{font-size:0;gap:0;padding:8px 12px}.command-trigger svg{width:20px}.command-trigger kbd{display:none}main.content{padding:24px 16px}.canvas-top{padding:16px;flex-wrap:wrap}.architecture-canvas{padding:24px 16px}.node-grid{padding:32px 0}.service-panel{padding:24px 16px}.service-panel .tabs{margin-inline:-16px;padding-inline:16px}.service-panel .page-heading .row{width:100%}.project-preview{min-height:112px}.hub-summary{padding:24px}.tool-grid{gap:16px}.top-actions .btn{min-height:44px}.page-heading h1{font-size:1.6rem}.canvas-content{padding:0!important}}
@media(prefers-reduced-transparency:reduce){.card,.tool-card,.project-card,.service-node,.topbar{background:var(--surface);backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:active{transform:none}}

@media(min-width:1201px){
 .shell.project-shell{grid-template-columns:64px minmax(0,1fr)}
 .project-shell .sidebar{padding-inline:4px}.project-shell .brand{justify-content:center;padding-inline:0}
 .project-shell .brand>span,.project-shell .workspace,.project-shell .nav-group,.project-shell .sidebar-bottom,.project-shell .nav-label{display:none}
 .project-shell .nav a{justify-content:center;padding:12px;min-height:48px}
 .project-shell .nav a:not([data-nav=hub]):not([data-nav=projects]):not([data-nav=activity]):not([data-nav=server]):not([data-nav=domains]):not([data-nav=access]){display:none}
 .project-shell .nav{gap:8px}
}

/* Resend reference pass — neutral workspace and data-first surfaces. */
:root,html[data-theme=dark]{--bg:#08090a;--surface:#111214;--surface-soft:#1b1d20;--ink:#f0f0f0;--muted:#a5a7ab;--line:#42454a;--green:#e9eaec;--accent:#cdd0d4;--glass:rgba(18,19,21,.94);--glass-line:#2c2e32;--focus:#a9c9ff;--nav:240px;--radius:10px;--fast:150ms;--motion:200ms;--ease:cubic-bezier(.4,0,.2,1);--good:#8ad7ab;--good-bg:#152c20;--warn:#f1cc83;--warn-bg:#342b1b;--bad:#f5a3ad;--bad-bg:#351c22}
html[data-theme=light]{--bg:#fafafa;--surface:#fff;--surface-soft:#f1f2f3;--ink:#17191c;--muted:#5c6067;--line:#8d939c;--green:#24272b;--accent:#34383e;--glass:rgba(255,255,255,.96);--glass-line:#dfe1e5;--focus:#235bb5;--good:#245d3b;--good-bg:#e5f3eb;--warn:#78510a;--warn-bg:#fff3dc;--bad:#9c2d43;--bad-bg:#ffebef}
body{background:var(--bg)}.shell{padding:0;grid-template-columns:var(--nav) minmax(0,1fr)}.sidebar{height:100dvh;padding:24px 16px;border-right:1px solid var(--glass-line);background:var(--bg)}
.brand{font-size:1.05rem;letter-spacing:-.035em;padding:0 8px 24px}.brand img{width:28px;height:28px}.brand em{font-weight:500}.workspace{border:0;background:transparent;padding:8px;margin-bottom:24px}.workspace-icon{background:var(--surface-soft);color:var(--ink);border:1px solid var(--glass-line)}
.nav{gap:4px}.nav a{font-weight:450;border-radius:6px;color:var(--muted);font-size:.83rem;gap:12px}.nav a svg{width:18px;height:18px}.nav a[aria-current=page],html[data-theme=dark] .nav a[aria-current=page]{background:var(--surface-soft);box-shadow:none;color:var(--ink)}.nav a[aria-current=page] svg{color:var(--ink)}.nav-group{font-size:.65rem;letter-spacing:.075em;margin:24px 12px 8px}.server-badge{font-size:.75rem}
.main-wrap{border:0;border-radius:0;background:var(--bg);min-height:100dvh}.topbar{min-height:64px;border-bottom:1px solid var(--glass-line);background:var(--bg);backdrop-filter:none;padding:8px 40px}.breadcrumb{font-size:.75rem}.top-actions .btn{font-size:.75rem}.command-trigger{border-color:transparent;background:transparent}.account-name{font-size:.75rem}
main.content{max-width:1328px;padding:48px 48px 64px}.page-heading{margin-bottom:32px;align-items:center}.page-heading h1{font-size:1.65rem;font-weight:600;letter-spacing:-.04em}.page-heading p{font-size:.85rem;margin-top:8px;line-height:1.6}.btn{border-radius:8px;box-shadow:inset 0 1px #ffffff06;min-height:44px;font-weight:550}.btn.primary,html[data-theme=dark] .btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:color-mix(in srgb,var(--ink) 84%,var(--bg));border-color:var(--ink);color:var(--bg)}.btn:active{transform:none;filter:brightness(.9)}.btn.quiet{box-shadow:none}.btn:hover{border-color:var(--muted)}
.card,.project-card,.tool-card,.service-node{background:var(--glass);border-color:var(--glass-line);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card{border-radius:10px}.metric.hero,html[data-theme=dark] .metric.hero{background:var(--surface);border:1px solid var(--glass-line);color:var(--ink)}.metric.hero p,.metric.hero .metric-label,.metric.hero .value small{color:var(--muted)}.metric.hero .chip{background:var(--surface-soft);color:var(--muted)}.metric .value{font-size:2rem;font-weight:500}.metric .metric-label{font-size:.8rem}.metric .metric-label svg{width:16px;height:16px}.metric progress{height:4px}.chip{font-size:.7rem;border-radius:5px;padding:3px 8px;font-weight:500}.chip.good,.chip.warn,.chip.bad{border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.service-logo,.tool-icon{background:linear-gradient(150deg,var(--surface-soft),var(--surface));color:var(--ink);border:1px solid var(--line);border-radius:9px}.tool-icon{box-shadow:inset 0 1px #ffffff14,0 2px 6px #0002}.project-preview{background-size:16px 16px;min-height:128px}.project-card{border-radius:10px}.project-card:hover,.service-node:hover,.service-node.selected{border-color:var(--muted);box-shadow:none}.service-row{padding:18px 24px;border-color:var(--glass-line)}.service-row:hover{background:var(--surface-soft)}.table-head{background:var(--bg);font-size:.65rem;letter-spacing:.04em}.service-identity a{font-size:.87rem}.service-identity p,.service-meta{font-size:.74rem}.service-logo{width:36px;height:36px}
.tabs{gap:20px;margin-top:24px;border-bottom-color:var(--glass-line)}.tabs a{border-bottom-width:2px;padding:12px 0;font-size:.83rem}.tabs a[aria-current=page]{border-color:var(--ink);font-weight:500}.tabs a:hover{color:var(--ink)}input,select,textarea{border-color:var(--line);font-size:.85rem;background:var(--bg)}input:focus,select:focus,textarea:focus{border-color:var(--muted)}.search input{background:var(--bg)}.logs{background:var(--surface);border-color:var(--glass-line);color:var(--ink);border-radius:8px}
.hub-summary{background:var(--surface);border-radius:10px;padding:20px 24px}.hub-summary h2{font-size:1.05rem;font-weight:500}.hub-summary p{font-size:.8rem}.hub-summary .eyebrow{font-size:.65rem;color:var(--muted)}.tool-card{border-radius:10px;padding:20px;gap:12px}.tool-card:hover{border-color:var(--line)}.tool-card h3{font-size:.9rem;font-weight:550}.tool-card>p{font-size:.78rem}.tool-footer{border-color:var(--glass-line)}.tool-footer .btn,.tool-footer a{font-size:.73rem}.section-head h2{font-size:1rem;font-weight:500}.section-head{margin-top:32px}.tool-grid{gap:16px}
.service-workspace{display:block;min-height:0}.service-context{display:none}.service-panel{background:transparent;border:0;padding:48px;max-width:1328px;margin:auto;animation:dialog-in var(--motion) var(--ease)}.service-panel .page-heading{margin-bottom:24px}.service-panel .tabs{margin:24px 0;padding:0}.service-panel .tabs a{padding-inline:0}.service-panel .split{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.panel-back{font-size:.75rem;color:var(--muted)}.canvas-top{padding:24px 40px}.architecture-canvas{background-size:24px 24px}.canvas-label{color:var(--muted)}
.timeline-item{border-color:var(--glass-line)}.timeline-icon{border-radius:8px}.detail-list>div,th,td{border-color:var(--glass-line)}th{font-size:.72rem;background:var(--bg)}.notice{border-radius:8px;background:var(--surface)}.empty{border-radius:10px}.empty svg{color:var(--muted)}dialog{border-radius:12px;background:var(--surface);box-shadow:0 24px 80px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}#notice:not(:empty),html[data-theme=dark] #notice:not(:empty){border-color:var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.login-story,html[data-theme=dark] .login-story{background:radial-gradient(ellipse at 30% 20%,#ffffff09,transparent 60%),#08090a}.login-story p{color:#a5a7ab}.login-story h1{font-weight:500}.login-form{background:var(--bg)}
html[data-contrast=true]{--muted:#3d4148;--line:#686e78;--glass:var(--surface)}html[data-contrast=true][data-theme=dark]{--muted:#dadde2;--line:#8e949e;--glass:var(--surface)}
@media(min-width:1201px){.shell.project-shell{grid-template-columns:var(--nav) minmax(0,1fr)}.project-shell .sidebar{padding:24px 16px}.project-shell .brand{justify-content:flex-start;padding:0 8px 24px}.project-shell .brand>span,.project-shell .workspace,.project-shell .nav-group,.project-shell .sidebar-bottom,.project-shell .nav-label{display:revert}.project-shell .workspace{display:flex}.project-shell .nav a,.project-shell .nav a:not([data-nav=hub]):not([data-nav=projects]):not([data-nav=activity]):not([data-nav=server]):not([data-nav=domains]):not([data-nav=access]){display:flex;justify-content:flex-start;padding:8px 12px;min-height:44px}.project-shell .nav{gap:4px}}
@media(max-width:1200px){:root{--nav:208px}main.content{padding:32px}.service-panel{padding:32px}.service-panel .split{grid-template-columns:1fr}.topbar{padding-inline:24px}}
@media(max-width:900px){:root{--nav:192px}.sidebar{padding-inline:8px}.brand{font-size:1rem}.topbar{padding-inline:16px}.hub-summary{padding:20px;gap:16px}.page-heading{align-items:flex-start}}
@media(max-width:680px){.shell{display:block}.sidebar{height:auto;padding:24px 16px}.topbar{padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top))}main.content{padding:24px 16px 48px}.service-panel{padding:24px 16px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:1.5rem}.service-panel .tabs{gap:24px;margin-inline:-16px;padding-inline:16px}.tool-card{padding:20px}.canvas-top{padding:16px}.command-trigger{font-size:0!important}.service-row{padding:16px}.top-actions{gap:8px}.hub-summary{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Measured authenticated shell: persistent 250 px navigation, pill tabs. */
@media(min-width:901px){:root{--nav:250px}.topbar{display:none}main.content{padding:32px 64px 64px}.service-panel{padding:32px 64px}.sidebar .workspace{display:none}.sidebar{padding-top:20px}.nav-group{margin-top:16px}.sidebar-bottom{padding-top:24px}.server-badge{display:none}.sidebar-utilities>.btn{width:100%;justify-content:flex-start;font-size:.75rem}.sidebar-utilities .row{justify-content:space-between}.sidebar-utilities kbd{margin-left:auto}.project-shell .workspace{display:none}.project-shell .sidebar-bottom{display:block}.project-shell .server-badge{display:none}.project-shell .sidebar{padding-top:20px}.project-shell .brand{padding-bottom:24px}}
@media(max-width:900px){.sidebar-utilities{display:none}}
.tabs{border:0;gap:8px;padding:0;flex-wrap:nowrap}.tabs a,.service-panel .tabs a{border:0;border-radius:12px;min-height:44px;padding:10px 12px}.tabs a[aria-current=page]{background:var(--surface-soft);color:var(--ink)}.tabs a:hover{background:var(--surface)}
input,select,textarea,.search input{border-radius:12px;background:var(--surface-soft)}.btn{border-radius:12px}.empty{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--glass-line);background:radial-gradient(ellipse at center,#ffffff03,transparent 65%)}.empty svg{width:48px;height:48px;padding:12px;border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 1px #fff1;margin-bottom:24px}.empty p{max-width:45ch}
.btn.quiet{background:transparent;border-color:transparent;box-shadow:none}.btn.quiet:hover{background:var(--surface-soft);border-color:var(--glass-line)}
@media(min-width:901px){html[data-theme]{--nav:250px}}
@media(min-width:681px) and (max-width:900px){html[data-theme]{--nav:192px}}

.ds-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.ds-color{display:flex;flex-direction:column;gap:12px}.ds-swatch{display:block;height:48px;border:1px solid var(--line);border-radius:8px}.ds-route{grid-template-columns:1fr 1fr}.ds-flow{line-height:2}.ds-flow li{padding:8px}.ds-colors code{font-size:.75rem}input[aria-invalid=true]{border-color:var(--bad)}@media(max-width:680px){.ds-route{grid-template-columns:1fr}.ds-colors{grid-template-columns:repeat(2,minmax(0,1fr))}}
 .ds-bg{background:var(--bg)}
 .ds-surface{background:var(--surface)}
 .ds-surface-soft{background:var(--surface-soft)}
 .ds-ink{background:var(--ink)}
 .ds-muted{background:var(--muted)}
 .ds-line{background:var(--line)}
 .ds-good{background:var(--good)}
 .ds-warn{background:var(--warn)}
 .ds-bad{background:var(--bad)}
 .ds-focus{background:var(--focus)}

.ds-type-title{font-size:1.65rem;font-weight:600;letter-spacing:-.04em;line-height:1.2}.ds-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px}.ds-icons>div{display:flex;align-items:center;gap:12px;min-width:0}.ds-icons code{font-size:.75rem}caption{text-align:left;padding:16px;color:var(--muted);font-size:.8rem}