:root,[data-theme=liquid]{--canvas: #0a0a0a;--canvas-elevated: #050505;--surface: rgba(18, 18, 20, .72);--surface-muted: #1a1a1a;--surface-strong: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .05);--surface-selected: rgba(62, 207, 142, .12);--ink: #ececec;--ink-2: #a8a8a8;--ink-3: #7a7a7a;--on-ink: #07110c;--accent: #3ecf8e;--accent-press: #2dd4a0;--accent-2: #e8945a;--accent-soft: rgba(62, 207, 142, .12);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .12);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--bad: #f87171;--bad-soft: rgba(248, 113, 113, .1);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .04);--glass-strong: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .28);--signal: #3ecf8e;--copper: #e8945a;--paper: var(--canvas);--fog: var(--surface-muted);--sans: "Instrument Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-panel: .85rem;--radius-pill: 999px;--shadow-panel: 0 24px 80px rgba(0, 0, 0, .45);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-mid: .22s;--duration-slow: .42s;--duration-sheen: 1.1s;--duration-orb: 16s;--blur: blur(24px) saturate(160%);--liquid-on: 1}[data-theme=paper]{--canvas: #f7f7f4;--canvas-elevated: #fafaf7;--surface: #ffffff;--surface-muted: #f2f1ed;--surface-strong: #e6e5e0;--surface-hover: #ebeae5;--surface-selected: #e1e0db;--ink: #26251e;--ink-2: #5a5852;--ink-3: #807d72;--on-ink: #f7f7f4;--accent: #f54e00;--accent-press: #d04200;--accent-2: #c08532;--accent-soft: rgba(245, 78, 0, .1);--ok: #1f8a65;--ok-soft: rgba(31, 138, 101, .12);--warn: #c08532;--warn-soft: rgba(192, 133, 50, .14);--bad: #cf2d56;--bad-soft: rgba(207, 45, 86, .1);--line: rgba(38, 37, 30, .1);--line-strong: rgba(38, 37, 30, .2);--glass: #ffffff;--glass-strong: #fafaf7;--glass-border: rgba(38, 37, 30, .1);--glass-highlight: rgba(255, 255, 255, .9);--signal: #1f8a65;--copper: #c08532;--paper: var(--canvas);--fog: var(--surface-muted);--radius-panel: 8px;--shadow-panel: none;--blur: none;--liquid-on: 0}[data-theme=void]{--canvas: #000000;--canvas-elevated: #050505;--surface: #181818;--surface-muted: #141414;--surface-strong: #1c1c1c;--surface-hover: #262626;--surface-selected: #2a2a2a;--ink: #e4e4e4;--ink-2: #a0a0a0;--ink-3: #8a8a8a;--on-ink: #0a0a0a;--accent: #f54e00;--accent-press: #d04200;--accent-2: #c08532;--accent-soft: rgba(245, 78, 0, .14);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .12);--warn: #e5b95c;--warn-soft: rgba(229, 185, 92, .14);--bad: #fc6b83;--bad-soft: rgba(252, 107, 131, .12);--line: rgba(228, 228, 228, .075);--line-strong: rgba(228, 228, 228, .14);--glass: #181818;--glass-strong: #1c1c1c;--glass-border: rgba(228, 228, 228, .075);--glass-highlight: rgba(255, 255, 255, .06);--signal: #3ecf8e;--copper: #e8945a;--paper: var(--canvas);--fog: var(--surface-muted);--radius-panel: 8px;--shadow-panel: none;--blur: none;--liquid-on: 0}*{box-sizing:border-box}body{font-family:var(--sans);color:var(--ink);background:var(--canvas);font-size:13px;line-height:1.45;overflow-x:hidden}button,input,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.ds-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:var(--liquid-on);background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(62,207,142,.1),transparent 55%),radial-gradient(ellipse 70% 50% at 85% 85%,rgba(232,148,90,.08),transparent 50%);transition:opacity var(--duration-slow) var(--ease-out)}.ds-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:ds-drift var(--duration-orb) var(--ease-out) infinite alternate}.ds-orb--a{width:42vw;height:42vw;left:-8vw;top:-12vh;background:radial-gradient(circle at 35% 35%,rgba(62,207,142,.22),transparent 65%)}.ds-orb--b{width:36vw;height:36vw;right:-6vw;bottom:-10vh;background:radial-gradient(circle at 40% 40%,rgba(232,148,90,.16),transparent 60%);animation-delay:-6s}@keyframes ds-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3vw,2vh,0) scale(1.06)}}.ds-stage{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.ds-kit-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;background:color-mix(in srgb,var(--canvas) 78%,transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 1px 0 var(--line)}.ds-brand{display:flex;align-items:center;gap:10px;min-width:160px}.ds-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.ds-brand-name{font-weight:500;letter-spacing:-.02em;font-size:14px}.ds-brand-meta{color:var(--ink-3);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.ds-segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-pill);background:var(--surface-muted);box-shadow:0 0 0 1px var(--line)}.ds-segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 11px;border-radius:var(--radius-pill);color:var(--ink-2);cursor:pointer;font-weight:500;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ds-segmented button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}[data-theme=liquid] .ds-segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-ink)}.ds-page{padding:28px 32px 64px;max-width:1200px;margin:0 auto;width:100%}.ds-page--bleed{max-width:none;padding:0}.ds-kicker{margin:0 0 8px;color:var(--ink-3);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.ds-display{margin:0 0 10px;font-size:28px;font-weight:500;letter-spacing:-.028em;line-height:1.15}.ds-lede{margin:0 0 28px;color:var(--ink-2);max-width:52ch;font-size:15px;line-height:1.5}.ds-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ds-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ds-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ds-stack{display:grid;gap:20px}.ds-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ds-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;align-items:start}.ds-well{margin-top:16px;padding:12px 14px;background:var(--surface-muted);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--line)}[data-theme=liquid] .ds-well{box-shadow:inset 0 1px 0 var(--glass-highlight),0 0 0 1px var(--line)}.ds-well-title{margin:0 0 8px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.ds-well pre{margin:0;max-height:220px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.45;white-space:pre-wrap}.ds-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;box-shadow:0 1px 0 var(--line)}.ds-panel-head .ds-kicker{margin:0}.ds-log-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px 14px;box-shadow:0 1px 0 var(--line)}.ds-log-item:last-child{box-shadow:none}.ds-log-item strong{display:block;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ds-log-empty{padding:16px 14px;margin:0}.ds-panel{background:var(--glass);border-radius:var(--radius-panel);padding:16px 18px;box-shadow:0 0 0 1px var(--glass-border),var(--shadow-panel)}.ds-panel--flush{padding:0}[data-theme=liquid] .ds-panel--glass{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px #00000061,0 0 0 1px var(--glass-border),var(--shadow-panel);background:linear-gradient(var(--glass),var(--glass)) padding-box,linear-gradient(135deg,#ffffff6b,#ffffff0a 42%,#ffffff2e) border-box;border:1px solid transparent}.ds-swatch{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 0 1px var(--line)}.ds-swatch-chip{height:56px}.ds-swatch-meta{padding:8px 10px;background:var(--surface)}.ds-swatch-meta strong{display:block;font-weight:500}.ds-swatch-meta code{color:var(--ink-3);font-family:var(--mono);font-size:11px}.ds-type-row{display:flex;align-items:baseline;gap:16px;padding:10px 0;box-shadow:0 1px 0 var(--line)}.ds-type-row>span{color:var(--ink-3);width:88px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono)}.ds-t-display{font-size:28px;font-weight:500;letter-spacing:-.028em}.ds-t-title{font-size:18px;font-weight:500;letter-spacing:-.018em}.ds-t-body{font-size:13px}.ds-t-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.ds-t-mono{font-family:var(--mono);font-size:12px}.ds-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;height:32px;padding:0 12px;border-radius:var(--radius-md);font-weight:500;position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-mid) var(--ease-out)}.ds-btn:active{transform:translateY(1px)}.ds-btn--primary{background:var(--ink);color:var(--on-ink)}[data-theme=liquid] .ds-btn--primary{background:linear-gradient(180deg,var(--accent-press) 0%,var(--accent) 50%,#1f9d6a 100%);background-size:100% 200%;background-position:0 100%;color:var(--on-ink)}[data-theme=liquid] .ds-btn--primary:hover{background-position:0 0}[data-theme=liquid] .ds-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);transform:translate(-120%);pointer-events:none}[data-theme=liquid] .ds-btn--primary:hover:after{animation:ds-sheen var(--duration-sheen) var(--ease-out)}@keyframes ds-sheen{to{transform:translate(120%)}}.ds-btn--ghost{background:transparent;box-shadow:0 0 0 1px var(--line-strong);color:var(--ink)}.ds-btn--danger{background:var(--bad-soft);color:var(--bad)}.ds-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.ds-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.ds-pill--ok{background:var(--ok-soft);color:var(--ok)}.ds-pill--warn{background:var(--warn-soft);color:var(--warn)}.ds-pill--bad{background:var(--bad-soft);color:var(--bad)}.ds-pill--idle{background:var(--surface-strong);color:var(--ink-2)}.ds-pill--run{background:var(--accent-soft);color:var(--accent)}.ds-pill--current{background:var(--surface-strong);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.ds-field{display:grid;gap:6px}.ds-field>span{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.ds-input{height:32px;padding:0 10px;border-radius:var(--radius-xs);border:0;background:var(--surface-muted);box-shadow:0 0 0 1px var(--line)}.ds-table{width:100%;border-collapse:collapse;font-size:13px}.ds-table th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:8px 12px;box-shadow:0 1px 0 var(--line)}.ds-table td{padding:10px 12px;height:40px;box-shadow:0 1px 0 var(--line);font-variant-numeric:tabular-nums}.ds-table tr:hover td{background:var(--surface-hover)}.ds-id{font-family:var(--mono);font-size:12px}.ds-metric-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.ds-metric-value{font-size:24px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ds-metric-delta.is-muted{color:var(--ink-2)}.ds-workbench{display:flex;flex-direction:column;min-height:100dvh;min-width:0}.ds-rail{padding:18px 12px;background:color-mix(in srgb,var(--canvas-elevated) 88%,transparent);box-shadow:1px 0 0 var(--line);display:flex;flex-direction:column;gap:18px}[data-theme=liquid] .ds-rail{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#0a0a0a8c}.ds-rail-nav{display:grid;gap:4px}.ds-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;padding:8px 10px 8px 12px;border-radius:var(--radius-md);color:var(--ink-2);cursor:pointer;font-weight:500;position:relative}.ds-nav-item:hover{background:var(--surface-hover);color:var(--ink)}.ds-nav-item.is-active{background:var(--surface-selected);color:var(--ink)}.ds-nav-item.is-active:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:3px;border-radius:99px;background:var(--accent)}.ds-rail-foot{padding:0 8px;margin-top:auto;display:grid;gap:12px}.ds-main{padding:16px 16px 32px;min-width:0}.ds-console-topbar{display:flex;position:sticky;top:0;z-index:43;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 10px 0 14px;background:color-mix(in srgb,var(--canvas) 86%,transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 1px 0 var(--line)}.ds-console-topbar .ds-brand{min-width:0}.ds-nav-scrim{display:none}.ds-workbench>.ds-rail{position:fixed;top:44px;left:0;bottom:0;width:min(280px,88vw);z-index:42;overflow:auto;display:flex;transform:translate(-110%);visibility:hidden;pointer-events:none;box-shadow:1px 0 0 var(--line),var(--shadow-panel)}.ds-workbench.is-nav-open>.ds-nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;margin:0;padding:0;border:0;background:color-mix(in srgb,var(--canvas) 42%,transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);cursor:pointer}.ds-workbench.is-nav-open>.ds-rail{transform:none;visibility:visible;pointer-events:auto}.ds-toprow{display:flex;flex-direction:column;align-items:stretch;margin-bottom:16px;gap:12px;min-width:0}.ds-toprow-action{max-width:100%}.ds-toprow-action .ds-btn{width:fit-content;max-width:100%}.ds-crumb{color:var(--ink-3);font-size:12px;margin:0 0 4px}.ds-page-title{margin:0;font-size:18px;font-weight:500;letter-spacing:-.018em}.ds-land{min-height:calc(100vh - 44px);padding:28px 40px 80px}.ds-land-nav{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto 72px}.ds-hero{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.ds-hero h1{margin:0 0 14px;font-size:clamp(36px,5vw,56px);font-weight:500;letter-spacing:-.035em;line-height:1.05}.ds-hero p{margin:0 0 22px;color:var(--ink-2);font-size:16px;line-height:1.5;max-width:38ch}.ds-demo{border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 1px var(--line);overflow:hidden;min-height:280px}[data-theme=liquid] .ds-demo{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-highlight),0 0 0 1px var(--glass-border),var(--shadow-panel)}.ds-demo-chrome{height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;box-shadow:0 1px 0 var(--line);color:var(--ink-3);font-family:var(--mono);font-size:11px}.ds-demo-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-strong)}.ds-demo-body{padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--ink-2)}.ds-ok{color:var(--ok)}.ds-plans{max-width:980px;margin:64px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ds-plan{padding:18px;border-radius:var(--radius-md);background:var(--surface-muted);box-shadow:0 0 0 1px var(--line)}.ds-plan.is-featured{box-shadow:0 0 0 1px var(--accent)}.ds-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px}.ds-plan h3{margin:0;font-size:13px;font-weight:500}.ds-price{font-family:var(--mono);font-size:28px;font-weight:500;letter-spacing:-.03em;margin:0 0 8px}.ds-plan p{margin:0 0 14px;color:var(--ink-2)}.ds-goo-stage{height:280px;border-radius:var(--radius-panel);background:var(--canvas-elevated);box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden;filter:url(#ds-goo)}.ds-blob{position:absolute;width:140px;height:140px;border-radius:50%;mix-blend-mode:screen}.ds-blob--a{left:22%;top:28%;background:var(--accent);animation:ds-blob 7s var(--ease-out) infinite alternate}.ds-blob--b{right:24%;top:32%;background:var(--accent-2);animation:ds-blob 9s var(--ease-out) infinite alternate-reverse}.ds-blob--c{left:42%;bottom:18%;background:color-mix(in srgb,var(--accent) 50%,var(--accent-2));animation:ds-blob 6s ease-in-out infinite alternate}@keyframes ds-blob{0%{transform:translate(0) scale(1)}to{transform:translate(48px,-28px) scale(1.25)}}[data-theme=paper] .ds-blob,[data-theme=void] .ds-blob{animation:none}.ds-recipes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ds-recipe{min-height:140px;padding:18px;border-radius:var(--radius-panel);display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.ds-recipe--specular{background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px #00000059,0 0 0 1px var(--glass-border)}.ds-recipe--refract{border:1px solid transparent;background:linear-gradient(var(--surface-muted),var(--surface-muted)) padding-box,linear-gradient(135deg,#ffffff80,#ffffff0a 40%,#ffffff38) border-box}.ds-recipe--fill{background:linear-gradient(180deg,var(--accent-press),var(--accent) 40%,color-mix(in srgb,var(--accent) 40%,black));background-size:100% 220%;background-position:0 100%;color:var(--on-ink);animation:ds-rise 2.8s var(--ease-out) infinite alternate}[data-theme=paper] .ds-recipe--fill,[data-theme=void] .ds-recipe--fill{animation:none}@keyframes ds-rise{to{background-position:0 0}}.ds-recipe--glass{background:var(--glass);box-shadow:0 0 0 1px var(--glass-border),var(--shadow-panel)}.ds-note{color:var(--ink-3);font-size:12px}@media(max-width:900px){.ds-grid-2,.ds-grid-3,.ds-grid-6,.ds-hero,.ds-plans,.ds-recipes,.ds-split{grid-template-columns:1fr}.ds-land,.ds-page{padding:20px 16px 48px}}@media(min-width:768px){.ds-workbench{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 44px)}.ds-console-topbar,.ds-nav-scrim,.ds-workbench.is-nav-open>.ds-nav-scrim{display:none}.ds-workbench>.ds-rail,.ds-workbench.is-nav-open>.ds-rail{position:static;top:auto;left:auto;bottom:auto;width:auto;z-index:auto;overflow:visible;transform:none;visibility:visible;pointer-events:auto;box-shadow:1px 0 0 var(--line)}.ds-main{padding:20px 24px 40px}.ds-toprow{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}}html:has(.ds-workbench.is-nav-open){overflow:hidden}.ds-parts-sum{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;margin-top:8px}.ds-parts-sum strong{font-family:var(--mono);font-weight:500}.ds-part{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(140px,.75fr);gap:12px 24px;align-items:center;padding:16px 0;box-shadow:0 1px 0 var(--line)}.ds-part:last-child{box-shadow:none}.ds-part-head{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-bottom:6px}.ds-part-id{font-family:var(--mono);font-size:13px;font-weight:500}.ds-part-notes{margin:0 0 6px;max-width:62ch}.ds-part-meta{margin:0;color:var(--ink-3);font-size:11px;line-height:1.45}.ds-part-sample{display:flex;justify-content:flex-end;min-width:0}.ds-part-sample .ds-plan,.ds-part-sample .ds-metric,.ds-part-sample .ds-panel,.ds-part-sample .ds-well{width:min(100%,240px)}@media(max-width:820px){.ds-part{grid-template-columns:1fr}.ds-part-sample{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.ds-orb,.ds-blob,.ds-recipe--fill,[data-theme=liquid] .ds-btn--primary:after{animation:none}}.ds-icon-btn{width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ds-icon-btn svg{width:16px;height:16px;display:block}.ds-text-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-2);cursor:pointer;height:32px;padding:0;font:inherit;font-weight:500}.ds-text-btn:hover{color:var(--ink)}.ds-section-head{display:grid;gap:4px}.ds-section-head .ds-kicker,.ds-section-head .ds-note{margin:0}.ds-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:36px;height:20px;padding:2px;border-radius:var(--radius-pill);background:var(--surface-strong);flex-shrink:0;display:inline-flex;align-items:center}.ds-toggle.is-on{background:var(--ok)}.ds-toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--ink);display:block;transition:transform var(--duration-fast) var(--ease-out)}.ds-toggle.is-on .ds-toggle-knob{background:var(--on-ink);transform:translate(16px)}.ds-check-wrap{display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer;font:inherit}.ds-check-wrap.is-disabled{opacity:.45;cursor:not-allowed}.ds-check-input{position:absolute;opacity:0;width:16px;height:16px;margin:0;cursor:inherit}.ds-check{width:16px;height:16px;border-radius:var(--radius-xs);background:var(--surface-muted);box-shadow:0 0 0 1px var(--line-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ds-check.is-on,.ds-check.is-mixed{background:var(--accent);box-shadow:none}.ds-check.is-on:after{content:"";width:8px;height:5px;border:1.5px solid var(--on-ink);border-top:0;border-right:0;transform:rotate(-45deg) translate(.5px,-1px)}.ds-check.is-mixed:after{content:"";width:8px;height:1.5px;background:var(--on-ink);border:0;transform:none}.ds-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;box-shadow:0 1px 0 var(--line)}.ds-setting-copy{display:grid;gap:2px;min-width:0}.ds-setting-title{margin:0;font-weight:500}.ds-setting-copy .ds-note{margin:0}.ds-setting-control{display:flex;align-items:center;flex-shrink:0}.ds-settings{background:var(--glass);border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--line);padding:0;overflow:hidden}.ds-settings>.ds-setting:last-child{box-shadow:none}.ds-nav-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.ds-nav-row:hover{background:var(--surface-hover)}.ds-nav-row svg{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.ds-search{position:relative;display:block}.ds-search>svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-3)}.ds-search .ds-input{width:100%;padding-left:30px}.ds-textarea{font:inherit;color:inherit;min-height:96px;padding:10px;border-radius:var(--radius-xs);border:0;background:var(--surface-muted);box-shadow:0 0 0 1px var(--line);resize:vertical;width:100%}.ds-empty{display:grid;gap:8px;justify-items:start;padding:24px 14px}.ds-empty>p{margin:0;font-weight:500}.ds-empty .ds-note{margin:0;color:var(--ink-2)}.ds-inline-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;font:inherit;color:var(--accent);cursor:pointer;text-decoration:none;box-shadow:0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.ds-inline-link:hover{box-shadow:0 1px 0 var(--accent)}.ds-inline-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ds-icon-btn:disabled,.ds-text-btn:disabled,.ds-toggle:disabled,.ds-nav-row:disabled{opacity:.45;cursor:not-allowed}.ds-icon-btn:focus-visible,.ds-text-btn:focus-visible,.ds-toggle:focus-visible,.ds-nav-row:focus-visible,.ds-textarea:focus-visible,.ds-search .ds-input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.ds-check-input:focus-visible+.ds-check{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ds-toggle-knob{transition:none}}.ds-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px 16px;background:color-mix(in srgb,var(--canvas) 60%,var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.ds-modal{position:relative;z-index:41;width:min(440px,100%);max-width:440px;background:var(--canvas-elevated);border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--line),var(--shadow-panel);outline:none;font-family:var(--sans);color:var(--ink)}.ds-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0}.ds-modal-title{margin:0;font-size:16px;font-weight:500;letter-spacing:-.016em}.ds-modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-2);width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.ds-modal-close:hover{background:var(--surface-hover);color:var(--ink)}.ds-modal-body{padding:12px 16px 16px}.ds-modal-copy{margin:0;color:var(--ink-2);font-size:13px;line-height:1.5}.ds-modal-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.ds-menu-wrap{position:relative;display:inline-block}.ds-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:41;min-width:180px;padding:4px;background:var(--canvas-elevated);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--line),var(--shadow-panel);font-family:var(--sans)}.ds-menu.is-right{left:auto;right:0}.ds-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;width:100%;align-items:center;box-sizing:border-box;margin:0;border:0;background:transparent;color:var(--ink);text-align:left;text-decoration:none;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-weight:500}.ds-menu-item:hover,.ds-menu-item:focus-visible{background:var(--surface-hover)}.ds-menu-item.is-danger{color:var(--bad)}.ds-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;border:0;background:var(--surface);color:var(--ink);text-align:left;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--line);cursor:pointer;font:inherit;transition:box-shadow .15s ease,background .15s ease}.ds-choice:hover{background:var(--surface-hover)}.ds-choice.is-selected{background:var(--surface-selected);box-shadow:0 0 0 1px var(--line-strong)}.ds-choice-copy{display:grid;gap:4px;min-width:0}.ds-choice-copy strong{font-weight:500}.ds-choice-copy span{color:var(--ink-2);font-size:13px;line-height:1.45}.ds-choice-check{color:var(--ok);font-size:14px;line-height:1;flex-shrink:0}.ds-palette{position:relative;z-index:41;width:min(480px,100%);max-height:min(72vh,560px);display:flex;flex-direction:column;background:var(--canvas-elevated);border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--line),var(--shadow-panel);font-family:var(--sans);color:var(--ink);overflow:hidden}.ds-palette .ds-input{width:100%;height:40px;border-radius:0;background:transparent;box-shadow:0 1px 0 var(--line)}.ds-palette-list{overflow:auto;padding:8px 8px 4px;min-height:72px}.ds-palette-group{display:grid;gap:2px;padding:6px 0 10px}.ds-palette-group .ds-kicker{margin:0 8px 4px}.ds-palette-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;width:100%;align-items:center;gap:10px;margin:0;border:0;background:transparent;color:var(--ink);text-align:left;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;font:inherit}.ds-palette-item:hover,.ds-palette-item.is-active{background:var(--surface-selected)}.ds-palette-label{font-weight:500;min-width:0}.ds-palette-hint{margin-left:auto;color:var(--ink-3);font-family:var(--mono);font-size:11px}.ds-palette-item .ds-note{margin:0 0 0 4px;flex-shrink:0}.ds-palette-foot{margin:0;padding:8px 14px 10px;box-shadow:0 -1px 0 var(--line)}.ds-toast{position:fixed;z-index:35;right:24px;bottom:20px;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 32px));padding:10px 12px;background:var(--canvas-elevated);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--line),var(--shadow-panel);font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--ink);animation:ds-toast-in var(--duration-mid) var(--ease-out)}.ds-toast-mark{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0}.ds-toast--warn .ds-toast-mark{background:var(--warn)}.ds-toast--bad .ds-toast-mark{background:var(--bad)}.ds-toast-copy{min-width:0;flex:1}.ds-toast-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-2);cursor:pointer;font-size:16px;line-height:1}.ds-toast-close:hover{background:var(--surface-hover);color:var(--ink)}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ds-modal-back,.ds-modal,.ds-menu,.ds-menu-item,.ds-choice,.ds-palette,.ds-palette-item,.ds-toast{transition:none;animation:none}}button.ds-log-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0;border:0;background:transparent;text-align:left;cursor:pointer}button.ds-log-item:hover{background:var(--surface-hover)}.ds-int-row{display:flex;align-items:center;gap:12px;padding:10px 14px;box-shadow:0 1px 0 var(--line)}.ds-int-mark{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-2);background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:var(--radius-md)}.ds-int-copy{min-width:0;flex:1}.ds-int-copy strong{font-weight:500}.ds-int-trail{display:flex;align-items:center;gap:8px;flex-shrink:0}.ds-codeblock .ds-btn{margin-top:12px}.ds-pagebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 0;box-shadow:0 1px 0 var(--line)}.ds-pagebar .ds-row{margin-left:auto}.ds-num{text-align:right;font-variant-numeric:tabular-nums}.ds-table td.ds-num{color:var(--ink);font-family:var(--mono);white-space:nowrap}.ds-resource{display:grid;gap:6px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 1px var(--line);color:inherit;text-align:left;text-decoration:none}button.ds-resource{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;cursor:pointer;font:inherit}.ds-resource:hover{background:var(--surface-hover)}.ds-resource strong{font-weight:500}.ds-selectbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:40px;padding:8px 12px;color:var(--ink-3);box-shadow:0 1px 0 var(--line)}.ds-selectbar.is-on{color:var(--ink);background:var(--surface-selected);box-shadow:0 0 0 1px var(--line);border-radius:var(--radius-md)}.ds-selectbar .ds-row{margin-left:auto}.ds-combo{position:relative}.ds-combo-menu{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;max-height:280px;overflow:auto;background:var(--surface);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--line),var(--shadow-panel)}.ds-combo-menu .ds-t-label{padding:10px 14px 4px}.ds-combo-menu .ds-log-item:last-child{box-shadow:0 1px 0 var(--line)}.ds-combo-foot{padding:8px 14px 10px;box-shadow:0 1px 0 var(--line) inset}.ds-rail-group{margin:0;padding:8px 10px 4px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.ds-rail-nav>div{display:grid;gap:4px}.ds-rail-nav>div+div{margin-top:10px}.ds-page-lede{margin:6px 0 0;max-width:52ch;color:var(--ink-3);font-size:12px;line-height:1.45}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--surface-strong);color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:500;line-height:1;-webkit-user-select:none;user-select:none}.ds-profile{display:flex;align-items:center;gap:10px;min-width:0}.ds-profile>div{min-width:0;flex:1}.ds-profile>div>span{display:block;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ds-profile .ds-note{margin:2px 0 0}.ds-profile button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;margin-left:auto;padding:4px 6px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-3);cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.12em;line-height:1}.ds-profile button:hover{background:var(--surface-hover);color:var(--ink)}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--canvas)}html,html[data-theme=paper],html[data-theme=void],html[data-theme=liquid]{--sans: "Instrument Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace}.ds-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ds-form{display:grid;gap:12px;padding-top:4px}@media(max-width:767px){.ds-metrics{grid-template-columns:1fr 1fr}}