@font-face{font-family:Inter;src:url(/fonts/inter.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;font-optical-sizing:auto;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(50% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(70.8% 0 0);--chart-3:oklch(55.6% 0 0);--chart-4:oklch(40% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.5rem;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-pill:9999px;--status-task-backlog:#a8aeb2;--status-task-todo:#f59e0b;--status-task-in_progress:#2563eb;--status-task-in_review:#7c3aed;--status-task-done:#22c55e;--status-task-blocked:#dc2626;--status-task-cancelled:#a8aeb2;--status-agent-idle:var(--status-task-backlog);--status-agent-running:var(--status-task-in_progress);--status-agent-paused:var(--status-task-todo);--status-agent-error:var(--status-task-blocked);--gray:var(--status-task-backlog);--gray-soft:#f5f3f0;--gray-deep:#52585d;--blue:var(--status-task-in_progress);--blue-soft:#dbeafe;--blue-deep:#1d4ed8;--signal:var(--status-task-done);--signal-soft:#dcfce7;--signal-deep:#166534;--amber:var(--status-task-todo);--amber-soft:#fef3c7;--amber-deep:#b45309;--red:var(--status-task-blocked);--red-soft:#fee2e2;--red-deep:#991b1b;--violet:var(--status-task-in_review);--violet-soft:#ede9fe;--violet-deep:#5b21b6;--neutral:var(--status-task-backlog);--info:var(--status-task-in_progress);--success:var(--status-task-done);--warning:var(--status-task-todo);--error:var(--status-task-blocked);--agent-1a:#f7cfdc;--agent-1b:#1f7a3a;--agent-2a:#c9a9e8;--agent-2b:#ee79a1;--agent-3a:#28164b;--agent-3b:#7a1530;--agent-4a:#f3e6c4;--agent-4b:#e3a21a;--agent-5a:#1f4dd6;--agent-5b:#3aa35c;--agent-6a:#e94b27;--agent-6b:#5a1122;--agent-7a:#7eb6e3;--agent-7b:#ee79a1;--agent-8a:#9ce8a7;--agent-8b:#bd7ff0;--agent-9a:#f3b49e;--agent-9b:#1f4ed4;--agent-10a:#f2d95f;--agent-10b:#4fbcba;--agent-11a:#6b6bc7;--agent-11b:#5e3450;--agent-12a:#32807e;--agent-12b:#2f844a;--font-inter:"Inter", system-ui, sans-serif;--font-inter-tight:"Inter Tight", var(--font-inter);--font-jetbrains-mono:"JetBrains Mono", ui-monospace, monospace;--font-sans:var(--font-inter);--font-mono:var(--font-jetbrains-mono);--font-heading:var(--font-sans);--font-display:var(--font-inter-tight);--font-body:var(--font-sans);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-xs:var(--space-2);--space-sm:var(--space-4);--space-md:var(--space-5);--space-lg:clamp(2rem, 1.5rem + 1.5vw, 3rem);--space-xl:clamp(3rem, 2rem + 3vw, 5rem);--space-2xl:clamp(4rem, 2.5rem + 4.5vw, 7rem);--space-3xl:clamp(5rem, 3rem + 6vw, 10rem);--space-section:clamp(5rem, 3rem + 5.5vw, 9rem);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, .6);--ease-inout:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.2s;--dur-medium:.4s;--dur-long:.7s;--hairline:1px solid var(--border);--container:1440px;--gutter:32px;--toc-w:260px;--meta-panel-w:320px;--dither-tile-size:256px;--bg:var(--background);--bg-alt:var(--secondary);--surface:var(--muted);--surface-2:var(--secondary);--surface-raised:var(--border);--rule:var(--border);--rule-strong:var(--muted-foreground);--text:var(--foreground);--text-2:var(--muted-foreground);--text-muted:var(--muted-foreground);--input-bg:var(--background);--accent-fg:var(--primary-foreground);--focus-ring:var(--ring);--selection-bg:var(--foreground);--selection-fg:var(--background);--on-dark-bg:oklch(14.5% 0 0);--on-dark-text:oklch(98.5% 0 0);--on-dark-muted:oklch(70.8% 0 0);--on-dark-rule:oklch(100% 0 0/.1);--on-dark-blue:#60a5fa;--bond:oklch(100% 0 0);--linen:oklch(97% 0 0);--parchment:oklch(95% 0 0);--manila:#f3e6c4;--vellum:oklch(92.2% 0 0);--steel:oklch(88% 0 0);--aluminum:#a8aeb2;--graphite:oklch(40% 0 0);--charcoal:oklch(14.5% 0 0);--ink:oklch(14.5% 0 0);--void:#0c0c0c;--cream:var(--manila);--stone:var(--vellum);--ink-t:var(--text);--mono:var(--text-2);--ease-enter:var(--ease-out);--ease-exit:var(--ease-in);--t-micro:var(--dur-micro);--t-short:var(--dur-short);--t-medium:var(--dur-medium);--t-long:var(--dur-long);--color-bg:var(--bg);--color-bg-alt:var(--bg-alt);--color-surface:var(--surface);--color-surface-raised:var(--surface-raised);--color-border:var(--rule);--color-text:var(--text);--color-text-secondary:var(--text-2);--color-text-muted:var(--text-muted);--color-accent:var(--accent);--font-serif:var(--font-display)}.dark,[data-theme=dark]{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--status-task-in_progress:#60a5fa;--status-task-done:#4ade80;--status-task-todo:#fbbf24;--status-task-blocked:#f87171;--status-task-in_review:#9474f0;--gray-soft:#6e696024;--gray-deep:#e0dcd6;--blue-soft:#2563eb2e;--blue-deep:#93c5fd;--signal-soft:#22c55e1f;--signal-deep:#4ade80;--amber-soft:#f59e0b24;--amber-deep:#fcd34d;--red-soft:#dc26262e;--red-deep:#fca5a5;--violet-soft:#9474f033;--violet-deep:#c4b5fd}[data-density=compact]{--space-7:36px;--space-8:48px;--space-9:72px;--space-10:96px;--space-section:clamp(3rem, 2rem + 3vw, 6rem)}.btn{font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.btn-primary:hover{color:var(--primary);border-color:var(--primary);background:0 0}.btn-secondary{color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);background:0 0}.btn-secondary:hover{background:var(--muted);border-color:var(--foreground)}.navbar-search-btn,.site-search-btn{width:24px;height:24px;color:var(--text-2);cursor:pointer;box-sizing:border-box;transition:color var(--dur-short) var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.navbar-search-btn:hover,.site-search-btn:hover{color:var(--text)}.navbar-search-icon,.site-search-icon{flex-shrink:0;width:20px;height:20px}@media (width<=768px){.navbar-search-btn,.site-search-btn{width:24px;height:24px;margin:0}}.sidebar-toggle,.sidebar-close,.nav-toggle{width:20px;height:20px;color:var(--text-2);cursor:pointer;box-sizing:border-box;transition:color var(--dur-short) var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sidebar-toggle:hover,.sidebar-close:hover,.nav-toggle:hover{color:var(--text)}.sidebar-toggle svg,.sidebar-close svg,.nav-toggle svg{flex-shrink:0;width:20px;height:20px}.nav-toggle-icon{display:block}.nav-toggle .nav-toggle-icon-close,.nav-toggle[aria-expanded=true] .nav-toggle-icon-menu{display:none}.nav-toggle[aria-expanded=true] .nav-toggle-icon-close{display:block}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur-medium) var(--ease-out), color var(--dur-medium) var(--ease-out);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}p a,.lede a,.body a,.body-sm a,.subsection-intro a,.anno a{color:var(--text);text-underline-offset:3px;transition:opacity var(--dur-short) var(--ease-out);text-decoration:underline 1px}p a:hover,.lede a:hover,.body a:hover,.body-sm a:hover,.subsection-intro a:hover,.anno a:hover{opacity:.7}.subsection-intro a.link-tool,.link-tool{color:var(--text);text-decoration:none}.subsection-intro a.link-tool:hover,.link-tool:hover{color:var(--text);opacity:.85;text-underline-offset:3px;text-decoration:underline 1px}::selection{background:var(--selection-bg);color:var(--selection-fg)}::selection{background:var(--selection-bg);color:var(--selection-fg)}img,svg,video{max-width:100%;display:block}.site-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header-inner{max-width:var(--container);align-items:center;height:60px;margin:0 auto;padding:0 24px;display:flex}.site-header-start{align-items:center;min-width:0;display:flex}.site-header-actions{align-items:center;gap:1rem;margin-left:auto;display:flex}.brand{color:var(--text);flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex}.brand-mark{flex-shrink:0;width:20px;height:20px}.brand-wordmark{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);font-size:1.2rem;font-weight:600;line-height:1;display:inline-block}.site-header-links{align-items:center;gap:1.5rem;margin-left:3rem;display:flex}.site-header-links a{color:var(--text-2);transition:color var(--dur-short) var(--ease-out);font-size:.95rem;font-weight:450}.site-header-links a:hover{color:var(--text)}.site-header-cta{font-family:var(--font-body);color:var(--background);background:var(--foreground);border:1px solid var(--foreground);border-radius:var(--radius-pill);transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);align-items:center;padding:.45rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.site-header-cta:hover{color:var(--foreground);border-color:var(--foreground);background:0 0}.sidebar-toggle{margin-right:.5rem;display:none}.nav-toggle,.sidebar-close{display:none}.nav-backdrop{z-index:59;background:color-mix(in srgb, var(--ink) 40%, transparent);opacity:0;pointer-events:none;touch-action:none;overscroll-behavior:contain;transition:opacity var(--dur-short) var(--ease-out);position:fixed;inset:0}.nav-backdrop.is-visible{opacity:1;pointer-events:auto}.version-picker{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--input-bg);width:var(--meta-panel-w);box-sizing:border-box;transition:border-color var(--dur-short) var(--ease-out);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 6px 14px;display:inline-flex}.version-picker:hover{border-color:var(--text)}.version-picker-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);font-size:10px}.version-picker select{font-family:var(--font-mono);color:var(--text);cursor:pointer;appearance:none;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 8px),calc(100% - 4px);background-repeat:no-repeat;background-size:4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;flex:1;min-width:0;padding-right:18px;font-size:12px}.version-picker select:focus{outline:none}.header-btn{border:1px solid var(--rule);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--text);background:var(--input-bg);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out);align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.header-btn:hover{border-color:var(--text)}.layout{grid-template-columns:var(--toc-w) minmax(0, 1fr);gap:var(--space-7);max-width:var(--container);padding:0 var(--gutter);margin:0 auto;display:grid}@media (width<=980px){.layout{gap:var(--space-5);display:block}.brand{gap:0}.brand-mark{display:none}.sidebar-toggle{display:inline-flex}.brand-sub{display:none}.example:not(.table-wrap):not(.scroll-x){padding:16px;overflow-x:clip}.example.table-wrap,.example.scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;max-width:100%;overflow-x:auto}.example.table-wrap{padding:0}.example.dense{padding:12px}.hero{padding-bottom:var(--space-6)}.section{padding-top:var(--space-7);padding-bottom:var(--space-7)}.subsection-head{min-width:0}}@media (width<=768px){:root{--gutter:16px}html,body{overflow-x:clip}.site-header-links{display:none}.site-header-actions{gap:.75rem}.nav-toggle{display:inline-flex}.site-header-inner{height:56px;padding:0 24px}.toc .toc-head{height:56px}.site-header-cta{padding:.35rem .7rem;font-size:.75rem}@media (width<=360px){.site-header-cta{display:none}}}@media (width<=640px){.version-picker-label{display:none}.version-picker{min-width:0;max-width:clamp(96px,38vw,140px);padding:6px 10px}.version-picker select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.site-header-meta{flex-shrink:1;min-width:0}.site-header-meta .header-btn{display:none}#gen-wrap{grid-template-columns:1fr!important}#gen-canvas-wrap{order:-1}}.toc{padding:var(--space-6) 0 var(--space-6);align-self:start;max-height:calc(100vh - 60px);position:sticky;top:60px;overflow-y:auto}@media (width<=980px){.toc{z-index:60;width:min(92vw,340px);height:100dvh;max-height:none;padding:0 24px var(--space-6);background:var(--bg);border-right:1px solid var(--rule);transition:transform var(--dur-short) var(--ease-out);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:none;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.toc.is-open{transform:translate(0)}.toc .toc-inner{gap:0}.toc .toc-head{box-sizing:border-box;border-bottom:1px solid var(--rule);background:var(--bg);z-index:1;justify-content:flex-start;align-items:center;gap:.5rem;height:60px;margin-bottom:0;padding:0;display:flex;position:sticky;top:0}@media (width<=768px){.toc .toc-head{height:56px}}.toc .toc-list li:first-child{border-top:none}.sidebar-close{display:inline-flex}.toc-meta{margin-left:0}}@media (prefers-reduced-motion:reduce){.toc,.nav-backdrop{transition:none}}.toc-inner{flex-direction:column;gap:28px;display:flex}.toc-head{display:block}.toc-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:1.1rem;font-weight:600;line-height:1}.toc-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.toc-eyebrow{color:var(--text);letter-spacing:.04em;font-weight:500}.toc-dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.toc-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-list li{border-top:1px solid var(--rule)}.toc-list li:last-child{border-bottom:1px solid var(--rule)}.toc-list a{font-family:var(--font-mono);color:var(--text-2);letter-spacing:.01em;transition:color var(--dur-short) var(--ease-out), padding-left var(--dur-short) var(--ease-out);padding:10px 0;font-size:12px;display:block}.toc-list a:hover{color:var(--text);padding-left:4px}.toc-list a.active{color:var(--text)}.toc-list a.active:after{content:"";background:var(--text);vertical-align:middle;width:14px;height:1px;margin-left:8px;display:inline-block}.main{min-width:0;padding-bottom:var(--space-10)}.display-1{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;margin:0;font-size:clamp(42px,5.5vw,80px);font-weight:600;line-height:1.02}.display-2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,5.5vw,72px);font-weight:600;line-height:1.05}.display-3{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(28px,3.5vw,44px);font-weight:600;line-height:1.1}.display-4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.2}.lede{color:var(--text-2);text-wrap:pretty;overflow-wrap:break-word;max-width:56ch;margin:24px 0 0;font-size:20px;line-height:1.45}.lede strong{color:var(--text);font-weight:500}.body{font-size:16px;line-height:1.6}.body-sm{font-size:14px;line-height:1.5}.caption{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-size:13px}.eyebrow{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--input-bg);align-items:center;width:fit-content;margin-bottom:28px;padding:6px 14px;display:inline-flex}.eyebrow-num{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;border-right:1px solid var(--rule);margin-right:10px;padding-right:10px;font-size:11px}.eyebrow-line{display:none}.eyebrow-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:500}.hero{padding:var(--space-lg) 0 var(--space-8);border-bottom:1px solid var(--rule)}.hero-grid{grid-template-columns:1fr var(--meta-panel-w);gap:var(--space-7);align-items:end;display:grid}.hero-text{overflow-wrap:break-word;min-width:0}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.hero-aside{flex-direction:column;gap:16px;min-width:0;display:flex}.hero-card{width:var(--meta-panel-w);box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-direction:column;max-width:100%;padding:20px;display:flex;overflow-x:auto}@media (width<=880px){.hero-grid{gap:var(--space-5);grid-template-columns:1fr}.hero-cta{justify-content:center}.hero-aside{align-items:center}.hero-card{width:100%;max-width:var(--meta-panel-w)}.version-picker{width:auto}}.hero-card-row{justify-content:space-between;align-items:center;gap:16px;min-width:max-content;padding:8px 0;font-size:13px;display:flex}.hero-card-row+.hero-card-row{border-top:1px solid var(--rule)}.hc-k{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:11px}.hc-v{font-family:var(--font-mono);color:var(--text);white-space:nowrap;flex-shrink:0;font-size:12px}.status-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-dot--live{background:var(--signal)}.capsule-stack{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg-alt);align-items:flex-end;gap:8px;height:120px;padding:12px;display:flex}.cap-mini{border-radius:var(--radius-pill);flex:1;min-width:14px}.cap-mini:first-child{height:60%}.cap-mini:nth-child(2){height:90%}.cap-mini:nth-child(3){height:45%}.cap-mini:nth-child(4){height:100%}.cap-mini:nth-child(5){height:75%}.section{padding:var(--space-9) 0;border-bottom:1px solid var(--rule)}.section:last-child{border-bottom:0}.section>.section-head{margin-bottom:var(--space-7)}.section-head{max-width:64ch}.section-head .display-2{margin-top:12px}.section-head .lede{margin-top:24px}.subsection{margin-top:var(--space-8)}.subsection-head{margin-bottom:var(--space-5);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:12px;display:flex}.subsection-head h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.2}.subsection-head .subsection-tag{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:11px}.subsection-intro{color:var(--text-2);max-width:64ch;margin:0 0 var(--space-5);font-size:16px;line-height:1.6}.btn-ghost{color:var(--text-2);background:0 0;border:0;padding:12px 14px}.btn-ghost:hover{color:var(--text)}.btn-accent{background:var(--accent);color:var(--accent-foreground);border:1px solid var(--border)}.btn-accent:hover{background:var(--muted);border-color:var(--foreground);color:var(--foreground);outline:none}.btn-danger{background:var(--red);color:var(--bond);border-color:var(--red)}.btn-danger:hover{background:var(--red-deep);border-color:var(--red-deep);color:var(--bond);outline:none}:is(.dark,[data-theme=dark]) .btn-danger,:is(.dark,[data-theme=dark]) .btn-danger:hover{color:var(--bg)}.btn-sm{padding:8px 14px;font-size:13px}.btn-icon{border-radius:var(--radius-pill);padding:10px}.state-demo-hover{color:var(--primary)!important;border-color:var(--primary)!important;background:0 0!important}.state-demo-active{transform:translateY(1px);color:var(--primary)!important;border-color:var(--primary)!important;background:0 0!important}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--rule);border-radius:var(--radius-sm);border:0;height:6px}input[type=range]::-moz-range-track{background:var(--rule);border-radius:var(--radius-sm);border:0;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--text);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-lg);transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);padding:24px}.card:hover{background:var(--surface);color:var(--text)}.card-flat{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:24px}.card-inverse,.example.card-inverse{background:var(--on-dark-bg);color:var(--on-dark-text);border:1px solid var(--on-dark-rule);border-radius:var(--radius-lg);padding:24px}.card-inverse .caption,.example.card-inverse .caption{color:var(--on-dark-muted)}[data-theme=dark] .card-inverse,[data-theme=dark] .example.card-inverse,.dark .card-inverse,.dark .example.card-inverse{background:var(--bond);color:var(--ink);border-color:var(--vellum)}[data-theme=dark] .card-inverse .caption,[data-theme=dark] .example.card-inverse .caption,.dark .card-inverse .caption,.dark .example.card-inverse .caption{color:var(--graphite)}.byob-active-card{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--card);color:var(--text);cursor:pointer;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);margin-top:12px;padding:20px}.byob-active-card__title{font-family:var(--font-display);letter-spacing:-.015em;font-size:18px;font-weight:600}.byob-active-card__meta,.byob-active-card__cost{font-family:var(--font-mono);color:var(--text-2)}.byob-active-card__meta{margin-top:4px;font-size:11px}.byob-active-card__cost{font-size:12px}.byob-active-card__footer{justify-content:space-between;margin-top:18px;display:flex}.example{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg);margin-top:var(--space-4);min-width:0;padding:32px;position:relative}.example.dense{padding:20px}.example-flush{padding:0;overflow:hidden}.example.inset{background:var(--surface)}.example.invert{background:var(--on-dark-bg);color:var(--on-dark-text);border-color:var(--on-dark-rule)}.example.invert .caption,.example.invert .ex-tag,.example.invert .anno{color:var(--on-dark-muted)}.example .ex-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;position:absolute;top:12px;right:14px}.compare{margin-top:var(--space-4);grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.compare{grid-template-columns:1fr}}.compare>*{margin-top:0}.compare-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:12px;padding:3px 8px;font-size:11px;display:inline-flex}.compare-label.good{color:var(--signal-deep);background:var(--signal-soft)}.compare-label.bad{color:var(--red-deep);background:var(--red-soft)}.pill-neutral{color:var(--gray-deep);background:var(--gray-soft);border-color:var(--gray)}.pill-success{color:var(--signal-deep);background:var(--signal-soft);border-color:var(--signal)}.pill-danger{color:var(--red-deep);background:var(--red-soft);border-color:var(--red)}.pill-warning{color:var(--amber-deep);background:var(--amber-soft);border-color:var(--amber)}.pill-info{color:var(--blue-deep);background:var(--blue-soft);border-color:var(--blue)}.pill-violet{color:var(--violet-deep);background:var(--violet-soft);border-color:var(--violet)}.semantic-pill,.status-pill{white-space:nowrap;vertical-align:middle;font-family:var(--font-body);border-radius:var(--radius-pill);border:1px solid;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.task-chip{white-space:nowrap;font-family:var(--font-body);border-radius:var(--radius-pill);border:1px solid;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.task-chip svg{flex-shrink:0}.task-chip--backlog{border-color:var(--gray);color:var(--gray-deep);background:var(--gray-soft)}.task-chip--todo{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-soft)}.task-chip--progress{border-color:var(--amber);color:var(--amber-deep);background:var(--amber-soft)}.task-chip--review{border-color:var(--violet);color:var(--violet-deep);background:var(--violet-soft)}.task-chip--done{border-color:var(--signal);color:var(--signal-deep);background:var(--signal-soft)}.task-chip--canceled{border-color:var(--gray);color:var(--gray-deep);background:var(--gray-soft);text-decoration:line-through 1px}.task-chip--blocked{border-color:var(--red);color:var(--red-deep);background:var(--red-soft)}.task-col-head{font-family:var(--font-body);color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.task-col-head__count{color:var(--text);margin-left:auto;font-weight:500}.task-col-head--backlog svg{color:var(--text-2)}.task-col-head--todo svg{color:var(--blue)}.task-col-head--progress svg{color:var(--amber)}.task-col-head--review svg{color:var(--violet)}.task-col-head--done svg{color:var(--signal)}.task-col-head--canceled svg{color:var(--text-2)}.task-col-head--blocked svg{color:var(--red)}.task-icon-done-check{stroke:var(--bg)}.kanban-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);font-size:12px;font-family:var(--font-body);color:var(--text);padding:8px 10px;font-weight:500}.example.scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}.trace-log{min-width:640px}.trace-event{border-top:1px solid var(--rule);grid-template-columns:84px 16px minmax(180px,1fr) 120px 132px;align-items:center;gap:16px;padding:12px 24px;display:grid}.trace-event>:nth-child(3){white-space:nowrap}.kanban-board{min-width:980px;font-family:var(--font-body);grid-template-columns:repeat(7,minmax(132px,1fr));gap:10px;display:grid}.anno{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;margin-top:12px;font-size:11px}.anno code{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--rule);padding:1px 5px}.token-pill{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}[data-annotations=off] .anno,[data-annotations=off] .token-pill,[data-annotations=off] .swatch-token{display:none!important}.grid-1{gap:var(--space-5);grid-template-columns:1fr;display:grid}.grid-2{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.card-span-2{grid-column:span 2}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.grid-5{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.grid-6{gap:var(--space-3);grid-template-columns:repeat(6,1fr);display:grid}.table-wrap{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}.table-wrap table{min-width:520px}#typography .table-wrap table{width:100%}@media (width<=980px){.table-wrap{scrollbar-width:thin}.table-wrap table{table-layout:fixed;width:100%;min-width:520px}.table-wrap th,.table-wrap td{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}#typography .table-wrap table,#spacing .table-wrap table,#motion .table-wrap table{table-layout:auto;width:max-content;min-width:100%}#typography .table-wrap th,#typography .table-wrap td,#spacing .table-wrap th,#spacing .table-wrap td,#motion .table-wrap th,#motion .table-wrap td{text-overflow:unset;white-space:nowrap;max-width:none;overflow:visible}.semantic-pill,.task-chip,.status-pill{text-overflow:ellipsis;max-width:100%;overflow:hidden}.task-chip{flex-shrink:1;min-width:0}}@media (width<=880px){.grid-2,.grid-5{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}.card-span-2{grid-column:auto}.grid-5:has(>.example.dense .swatch-name){grid-template-columns:1fr 1fr}.palette-bed-pair{grid-template-columns:1fr!important}}@media (width<=640px){.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}.grid-1-mobile{grid-template-columns:1fr!important}.example [style*=min-width\:200px]{min-width:0!important}}@media (width<=480px){.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}}@media (width<=360px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr!important}}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.hr{background:var(--rule);height:1px;margin:var(--space-6) 0;border:0}.muted{color:var(--text-muted)}.cap-grad-01{background:linear-gradient(to bottom, var(--agent-1a), var(--agent-1b))}.cap-grad-02{background:linear-gradient(to bottom, var(--agent-2a), var(--agent-2b))}.cap-grad-03{background:linear-gradient(to bottom, var(--agent-3a), var(--agent-3b))}.cap-grad-04{background:linear-gradient(to bottom, var(--agent-4a), var(--agent-4b))}.cap-grad-05{background:linear-gradient(to bottom, var(--agent-5a), var(--agent-5b))}.cap-grad-06{background:linear-gradient(to bottom, var(--agent-6a), var(--agent-6b))}.cap-grad-07{background:linear-gradient(to bottom, var(--agent-7a), var(--agent-7b))}.cap-grad-08{background:linear-gradient(to bottom, var(--agent-8a), var(--agent-8b))}.cap-grad-09{background:linear-gradient(to bottom, var(--agent-9a), var(--agent-9b))}.cap-grad-10{background:linear-gradient(to bottom, var(--agent-10a), var(--agent-10b))}.cap-grad-11{background:linear-gradient(to bottom, var(--agent-11a), var(--agent-11b))}.cap-grad-12{background:linear-gradient(to bottom, var(--agent-12a), var(--agent-12b))}.cap-flat-01{background:var(--agent-1a)}.cap-flat-02{background:var(--agent-2a)}.cap-flat-03{background:var(--agent-3a)}.cap-flat-04{background:var(--agent-4a)}.cap-flat-05{background:var(--agent-5a)}.cap-flat-06{background:var(--agent-6a)}.cap-flat-07{background:var(--agent-7a)}.cap-flat-08{background:var(--agent-8a)}.cap-flat-09{background:var(--agent-9a)}.cap-flat-10{background:var(--agent-10a)}.cap-flat-11{background:var(--agent-11a)}.cap-flat-12{background:var(--agent-12a)}.copy-btn{border:1px solid var(--rule);background:var(--input-bg);font-family:var(--font-mono);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-short) var(--ease-out);padding:4px 8px;font-size:11px}.copy-btn:hover{border-color:var(--text);color:var(--text)}.copy-btn.copied{color:var(--signal-deep);border-color:var(--signal);background:var(--signal-soft)}.container{max-width:var(--container);padding:0 var(--space-5);margin:0 auto}.swatch{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.swatch-chip{height:96px;position:relative}.swatch-chip:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}.swatch-meta{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.swatch-name{font-family:var(--font-body);color:var(--text);font-size:13px;font-weight:500}.swatch-hex{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.status-tints{gap:4px;margin-top:10px;display:flex}.status-tint{flex:1;min-width:0}.status-tint-chip{border-radius:var(--radius-sm);height:14px;display:block}.status-tint-hex{font-family:var(--font-mono);color:var(--text-muted);text-align:center;margin-top:4px;font-size:9px;line-height:1.2;display:block}.swatch-token{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-top:2px;font-size:10px}.swatch-usage{color:var(--text-2);margin-top:4px;font-size:12px}.settings-fab{z-index:30;background:var(--surface);width:36px;height:36px;color:var(--text-2);border:1px solid var(--rule);cursor:pointer;transition:all var(--dur-short) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #0000001f}.settings-fab:hover{border-color:var(--text);color:var(--text);box-shadow:0 6px 20px #00000029}.settings-fab:focus-visible{border-radius:50%}.settings-fab svg{width:20px;height:20px;transition:transform var(--dur-short) var(--ease-out)}.settings-fab:hover svg{transform:rotate(30deg)}.settings-fab.is-hidden{display:none}.settings-panel{z-index:60;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);width:320px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);font-family:var(--font-body);flex-direction:column;gap:14px;padding:18px;font-size:13px;display:none;position:fixed;bottom:20px;right:20px;overflow-y:auto;box-shadow:0 12px 40px #0000002e}.settings-panel.open{display:flex}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h6{font-family:var(--font-display);margin:0;font-size:18px;font-weight:400}.settings-close{cursor:pointer;color:var(--text-2);width:28px;height:28px;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-close:hover{color:var(--text);background:var(--surface-2,var(--bg))}.setting-row{border-top:1px solid var(--rule);flex-direction:column;gap:6px;padding-top:12px;display:flex}.setting-row:first-of-type{border-top:0;padding-top:0}.setting-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.setting-value{color:var(--text)}.setting-segment{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--bg);display:flex;overflow:hidden}.setting-segment button{font-family:var(--font-body);color:var(--text-2);cursor:pointer;transition:all var(--dur-short) var(--ease-out);background:0 0;border:0;flex:1;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;font-weight:500;display:flex}.setting-segment button:hover{color:var(--text)}.setting-segment button.active{background:var(--text);color:var(--bg)}.setting-swatches{gap:8px;display:flex}.setting-swatch{cursor:pointer;width:28px;height:28px;transition:transform var(--dur-short) var(--ease-out);border:2px solid #0000;border-radius:50%}.setting-swatch:hover{transform:scale(1.1)}.setting-swatch.active{border-color:var(--text)}.setting-swatch.swatch-default{position:relative}.setting-swatch.swatch-default:after{content:"";background:var(--surface);width:2px;margin:auto;position:absolute;inset:-2px;rotate:45deg}.setting-swatch.swatch-default.active:after{background-color:var(--text)}.motion-track{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-pill);cursor:pointer;width:96px;height:14px;position:relative;overflow:hidden}.motion-track .motion-dot{border-radius:var(--radius-pill);background:var(--text);width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:2px;transform:translate(0)}.motion-track.running .motion-dot{animation-name:motion-shuttle;animation-duration:var(--dur,.7s);animation-timing-function:var(--ease,cubic-bezier(.2,.8,.2,1));animation-iteration-count:1;animation-fill-mode:forwards}@keyframes motion-shuttle{0%{transform:translate(0)}50%{transform:translate(72px)}to{transform:translate(0)}}.imagery-capsule-field{justify-content:center;align-items:flex-end;height:200px;display:flex;overflow:hidden;container:imagery-capsule-field/inline-size}.imagery-capsule-field__track{transform-origin:bottom;width:344px;transform:scale(min(1, 100cqw / 344px));flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.imagery-capsule-field__cap{border-radius:var(--radius-pill);flex-shrink:0;width:36px}.imagery-org-chart{overflow:hidden;container:imagery-org-chart/inline-size}.imagery-org-chart__inner{--org-row-gap:clamp(8px, 5cqw, 32px);justify-items:center;gap:40px;width:100%;max-width:424px;margin-inline:auto;display:grid}.imagery-org-chart__ceo{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.imagery-org-chart__row{gap:var(--org-row-gap);width:100%;display:flex;position:relative}.imagery-org-chart__row:before{content:"";top:-20px;left:calc((100% - 2 * var(--org-row-gap)) / 6);right:calc((100% - 2 * var(--org-row-gap)) / 6);background:var(--rule);height:1px;position:absolute}.imagery-org-chart__node{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:72px;max-width:120px;display:flex;position:relative}.imagery-org-chart__stem--down{background:var(--rule);width:1px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.imagery-org-chart__stem--up{background:var(--rule);width:1px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.imagery-org-chart__cap--ceo{border-radius:var(--radius-pill);width:48px;height:104px}.imagery-org-chart__cap{border-radius:var(--radius-pill);width:36px;height:80px}.imagery-org-chart__role{font-family:var(--font-body);font-size:12px;font-weight:500}.imagery-org-chart__name{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}@container imagery-org-chart (width<=231px){.imagery-org-chart__inner{--org-scale:calc(100cqw / 232px);transform:scale(var(--org-scale));transform-origin:top;margin-bottom:calc(324px * (var(--org-scale) - 1))}}@keyframes hb-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes hb-blink{0%,49.9%{background-color:var(--red)}50%,to{background-color:var(--bg)}}.voice-quote{border-left:2px solid var(--rule);font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-2);margin:24px 0 0;padding:0 0 0 24px;font-size:20px;font-style:normal;font-weight:400;line-height:1.4}@media print{.site-header,.toc,.nav-toggle,.nav-backdrop,.settings-panel,.settings-fab{display:none!important}.layout{display:block}.main{padding:0}.section{page-break-inside:avoid}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}