:root{--color-paper:oklch(98.6% .006 264);--color-paper-2:oklch(96.4% .008 264);--color-paper-3:oklch(93.8% .01 264);--color-ink:oklch(21% .014 264);--color-ink-2:oklch(38% .016 264);--color-muted:oklch(52% .016 264);--color-neutral:oklch(64% .014 264);--color-rule:oklch(88% .01 264);--color-rule-2:oklch(92.5% .008 264);--color-border-control:oklch(62% .016 264);--color-accent:oklch(48% .2 264);--color-accent-ink:oklch(98.6% .006 264);--color-accent-quiet:oklch(95.5% .02 264);--color-focus:oklch(52% .215 264);--color-positive:oklch(52% .13 150);--color-caution:oklch(52% .109 75);--color-critical:oklch(52% .17 25);--color-positive-quiet:oklch(96% .028 150);--color-caution-quiet:oklch(96% .028 75);--color-critical-quiet:oklch(96% .019 25);--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-3xl:3.0518rem;--text-display:clamp(2.25rem, 4vw + .75rem, 4.25rem);--text-display-s:clamp(1.875rem, 3vw + .5rem, 3rem);--weight-body:400;--weight-medium:500;--weight-display:700;--leading-display:1.08;--leading-heading:1.2;--leading-body:1.6;--tracking-display:-.025em;--tracking-label:.08em;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:7rem;--radius-control:6px;--radius-surface:10px;--radius-full:999px;--rule-hairline:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-instant:80ms;--dur-short:.16s;--dur-medium:.26s;--shadow-raised:0 1px 2px oklch(21% .014 264/.06);--shadow-overlay:0 8px 24px oklch(21% .014 264/.12);--z-base:0;--z-raised:10;--z-sticky:20;--z-sticky-nav:25;--z-drawer:30;--z-overlay:40;--z-toast:50;--rail-width:15rem;--topbar-height:3.5rem;--measure:68ch}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg,video{max-width:100%;height:auto;display:block}table,[data-numeric],.mono{font-variant-numeric:tabular-nums}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-display);color:var(--color-ink);font-style:normal;line-height:var(--leading-heading);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}h4{font-size:var(--text-base)}p{max-width:var(--measure)}a{color:var(--color-accent);text-decoration-color:var(--color-rule);text-underline-offset:.2em;transition:text-decoration-color var(--dur-short) var(--ease-out)}a:hover{text-decoration-color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-control)}:focus:not(:focus-visible){outline:none}.label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-muted)}.mono{font-family:var(--font-mono);font-size:.9375em}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:var(--rule-hairline) solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-instant) var(--ease-out);line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not([disabled]),.btn.is-hover{background:var(--color-paper-2);border-color:var(--color-ink-2)}.btn:active:not([disabled]),.btn.is-active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{color:var(--color-neutral);border-color:var(--color-rule);background:var(--color-paper-2);cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover:not([disabled]),.btn--primary.is-hover{background:oklch(from var(--color-accent) calc(l - .05) c h);border-color:oklch(from var(--color-accent) calc(l - .05) c h)}.btn--quiet{color:var(--color-ink-2);background:0 0;border-color:#0000}.btn--quiet:hover:not([disabled]){background:var(--color-paper-2);border-color:var(--color-rule)}.btn[data-state=loading]{color:var(--color-muted);cursor:progress}.btn[data-state=error]{border-color:var(--color-critical);color:var(--color-critical)}.btn[data-state=success]{border-color:var(--color-positive);color:var(--color-positive)}.input{padding:var(--space-xs) var(--space-sm);border:var(--rule-hairline) solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font:inherit;font-size:var(--text-sm);transition:border-color var(--dur-short) var(--ease-out)}.input::placeholder{color:var(--color-muted)}.input:hover:not(:disabled){border-color:var(--color-ink-2)}.input:user-invalid{border-color:var(--color-critical)}.input:disabled{background:var(--color-paper-2);color:var(--color-neutral);border-color:var(--color-rule);cursor:not-allowed}.input[readonly]{background:var(--color-paper-2)}.panel{background:var(--color-paper);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-surface)}.panel__head{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-hairline) solid var(--color-rule-2);display:flex}.panel__body{padding:var(--space-lg)}.badge{align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-control);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;white-space:nowrap;display:inline-flex}.badge--positive{background:var(--color-positive-quiet);color:var(--color-positive)}.badge--caution{background:var(--color-caution-quiet);color:var(--color-caution)}.badge--critical{background:var(--color-critical-quiet);color:var(--color-critical)}.badge--neutral{background:var(--color-paper-3);color:var(--color-ink-2)}.state{gap:var(--space-sm);padding:var(--space-3xl) var(--space-lg);text-align:left;border:var(--rule-hairline) dashed var(--color-rule);border-radius:var(--radius-surface);background:var(--color-paper);display:grid}.state__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-display);color:var(--color-ink)}.state__body{color:var(--color-muted);font-size:var(--text-sm);max-width:52ch}.shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);min-height:100dvh;display:grid}.canvas{grid-template-rows:var(--topbar-height) minmax(0, 1fr);min-width:0;display:grid}.container{width:100%;max-width:78rem;padding-inline:var(--space-lg);margin-inline:auto}.stack{gap:var(--space-lg);display:grid}.skip-link{left:var(--space-md);z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-control);font-size:var(--text-sm);transition:top var(--dur-short) var(--ease-out);position:absolute;top:-3rem}.skip-link:focus{top:var(--space-md)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=60rem){.shell{grid-template-columns:minmax(0,1fr)}}.alert{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);font-size:var(--text-sm);line-height:var(--leading-body);border-left:3px solid}.alert--error{border-left-color:var(--color-critical);background:var(--color-critical-quiet);color:var(--color-ink)}.alert--info{border-left-color:var(--color-accent);background:var(--color-accent-quiet);color:var(--color-ink)}.btn--sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs)}.field{gap:var(--space-2xs);display:grid}.field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.field__hint{font-size:var(--text-xs);color:var(--color-muted);max-width:60ch}.field__opt{font-weight:var(--weight-body);color:var(--color-muted)}.field__error{font-size:var(--text-xs);color:var(--color-critical)}.field__error:before{content:"✕ "}.field-row{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));display:grid}.table-wrap{border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-surface);background:var(--color-paper);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule);white-space:nowrap}.table td{padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule-2);vertical-align:top}.table tr:last-child td{border-bottom:0}.table__title{font-weight:var(--weight-medium);color:var(--color-ink)}.table__num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}