@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p,ul,ol,pre{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}img,svg{max-inline-size:100%;display:block}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text:#172033;--text-muted:#59657a;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f5f7fa;--surface-strong:#e9edf3;--border:#d5dbe5;--border-strong:#aeb8c8;--accent:#174ea6;--accent-hover:#123e83;--accent-soft:#e8f0fe;--success:#157347;--warning:#8a4b08;--danger:#b42318;--code:#101828;--code-text:#e4e7ec;--focus:#0b6bcb;--shadow:0 12px 32px #1018281f;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--sidebar:17rem;--topbar:4rem;--content:76rem;--transition:.15s;--z-nav:20;--z-overlay:50}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#edf1f7;--text-muted:#aab4c5;--surface:#10141d;--surface-raised:#171d29;--surface-subtle:#1b2230;--surface-strong:#252e3e;--border:#354055;--border-strong:#55627a;--accent:#8bb9ff;--accent-hover:#b3d1ff;--accent-soft:#17345d;--success:#72d6a5;--warning:#f5bd72;--danger:#ff9b94;--code:#090c12;--code-text:#e4e7ec;--focus:#9ec5ff;--shadow:0 16px 40px #00000052}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#edf1f7;--text-muted:#aab4c5;--surface:#10141d;--surface-raised:#171d29;--surface-subtle:#1b2230;--surface-strong:#252e3e;--border:#354055;--border-strong:#55627a;--accent:#8bb9ff;--accent-hover:#b3d1ff;--accent-soft:#17345d;--success:#72d6a5;--code:#090c12;--code-text:#e4e7ec;--focus:#9ec5ff;--shadow:0 16px 40px #00000052}}}@layer base{html{background:var(--surface);min-block-size:100%;scroll-padding-block-start:calc(var(--topbar) + var(--space-4))}body{background:var(--surface);min-block-size:100vh;color:var(--text);font-family:var(--font-sans);line-height:1.55}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}button,input,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text)}button{min-block-size:2.5rem;padding:var(--space-2) var(--space-4)}input,select{min-block-size:2.5rem;padding:var(--space-2) var(--space-3)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}::selection{background:var(--accent-soft)}}@layer typography{h1,h2,h3{letter-spacing:-.025em;line-height:1.16}h1{max-inline-size:18ch;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:720}h2{font-size:clamp(1.35rem,2vw,1.8rem)}h3{font-size:1.1rem}.lede{max-inline-size:68ch;color:var(--text-muted);font-size:clamp(1.05rem,1.6vw,1.25rem)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-block-end:var(--space-3);font-size:.75rem;font-weight:750}code,kbd,pre{font-family:var(--font-mono)}code{font-size:.88em}kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-subtle);white-space:nowrap;border-block-end-width:2px;padding:.15rem .35rem;font-size:.75rem}pre{border-radius:var(--radius-md);max-inline-size:100%;padding:var(--space-5);background:var(--code);color:var(--code-text);tab-size:2;font-size:.82rem;line-height:1.65;overflow:auto}}@layer layout{#app{grid-template-columns:var(--sidebar) minmax(0, 1fr);grid-template-rows:var(--topbar) 1fr auto;grid-template-areas:"topbar topbar""sidebar main""sidebar footer";min-block-size:100vh;inline-size:100%;min-inline-size:0;display:grid}.topbar{z-index:var(--z-nav);grid-area:topbar;grid-template-columns:var(--sidebar) minmax(12rem, 30rem) auto;align-items:center;gap:var(--space-4);min-inline-size:0;min-block-size:var(--topbar);border-block-end:1px solid var(--border);padding-inline:var(--space-5);background:var(--surface);display:grid;position:sticky;inset-block-start:0}.sidebar{block-size:calc(100vh - var(--topbar));border-inline-end:1px solid var(--border);padding:var(--space-5) var(--space-4) var(--space-10);background:var(--surface-subtle);grid-area:sidebar;align-self:start;position:sticky;inset-block-start:var(--topbar);overflow-y:auto}.sidebar nav{gap:var(--space-1);display:grid}.sidebar nav p{margin-block:var(--space-5) var(--space-1);padding-inline:var(--space-3);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:750}.sidebar nav a{border-radius:var(--radius-sm);padding:.45rem var(--space-3);color:var(--text-muted);font-size:.9rem;text-decoration:none}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:var(--surface-strong);color:var(--text)}main{inline-size:min(100%, var(--content));min-inline-size:0;min-block-size:calc(100vh - var(--topbar));padding:clamp(var(--space-6), 4vw, var(--space-12));grid-area:main;justify-self:center}main>*+*{margin-block-start:clamp(var(--space-8), 5vw, var(--space-12))}main section>*+*{margin-block-start:var(--space-5)}footer{justify-content:space-between;gap:var(--space-3);border-block-start:1px solid var(--border);min-inline-size:0;padding:var(--space-6) clamp(var(--space-6), 4vw, var(--space-12));color:var(--text-muted);flex-wrap:wrap;grid-area:footer;display:flex}.mobile-menu{display:none}@media (max-width:58rem){#app{grid-template-columns:1fr;grid-template-areas:"topbar""main""footer"}.topbar{gap:var(--space-2);padding-inline:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto auto}.mobile-menu{place-items:center;inline-size:2.5rem;padding:0;display:inline-grid}.sidebar{z-index:var(--z-nav);inset-block:var(--topbar) 0;inline-size:min(22rem,88vw);box-shadow:var(--shadow);display:none;position:fixed;inset-inline-start:0}body[data-nav-open=true] .sidebar{display:block}.nav-backdrop{z-index:calc(var(--z-nav) - 1);inset:var(--topbar) 0 0;background:#10182861;position:fixed}body[data-nav-open=true]{overflow:hidden}.brand strong{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.search-trigger{justify-self:end;gap:var(--space-2);min-inline-size:2.5rem;padding-inline:var(--space-3)}.search-trigger span,.search-trigger kbd,.theme-control>:not(select){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.theme-control select{inline-size:5.25rem;min-inline-size:0}main,footer{padding-inline:var(--space-4)}}@media (max-width:24rem){.topbar{padding-inline:var(--space-2);grid-template-columns:auto 1fr auto auto}.brand>span{block-size:1.8rem;inline-size:1.8rem}.theme-control select{inline-size:4.75rem}main,footer{padding-inline:var(--space-3)}}}@layer components{.skip-link{z-index:100;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:var(--text);color:var(--surface);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);translate:0 -200%}.skip-link:focus{translate:0}.brand{align-items:center;gap:var(--space-3);color:var(--text);text-decoration:none;display:flex}.brand>span{border-radius:var(--radius-sm);background:var(--text);block-size:2rem;inline-size:2rem;color:var(--surface);place-items:center;font-size:.7rem;font-weight:800;display:inline-grid}.search-trigger{justify-content:space-between;gap:var(--space-8);border-color:var(--border);color:var(--text-muted);text-align:start;display:flex}.theme-control{justify-self:end;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.85rem;display:flex}.search-trigger svg{fill:currentColor;block-size:1rem;inline-size:1rem}.nav-close{margin-block-end:var(--space-4);display:none}.hero{align-items:end;gap:clamp(var(--space-8), 7vw, 6rem);border-block-end:1px solid var(--border);min-block-size:31rem;grid-template-columns:minmax(0,1.5fr) minmax(16rem,.7fr);padding-block-end:var(--space-12);display:grid}.hero .lede{margin-block-start:var(--space-6)}.actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-block-size:2.75rem;padding:var(--space-2) var(--space-5);color:var(--text);align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--surface)}.install{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--surface-subtle);display:grid}.install span{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.metric-grid,.component-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-grid article{gap:var(--space-1);border-block-start:2px solid var(--border-strong);padding-block-start:var(--space-4);display:grid}.metric-grid strong{font-size:2rem}.metric-grid span,.section-heading p,.component-grid p,.component-table p{color:var(--text-muted)}.section-heading,.panel-heading,.lab-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.component-grid a,.component-table a{gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);color:var(--text);text-decoration:none;display:grid}.component-grid a:hover,.component-table a:hover{border-color:var(--accent);background:var(--surface-subtle)}.component-grid a>span,.status{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:750}.statement{border-inline-start:4px solid var(--accent);padding:var(--space-6) var(--space-8);background:var(--surface-subtle)}.frameworks{color:var(--text-muted);font-size:1.05rem}.component-table{gap:var(--space-3);padding:0;list-style:none;display:grid}.component-table a{grid-template-columns:8rem 12rem 8rem 1fr;align-items:center}.component-table p{margin:0}.breadcrumb{gap:var(--space-2);color:var(--text-muted);font-size:.85rem;display:flex}.lab-toolbar{border-block:1px solid var(--border);padding-block:var(--space-4)}.lab-toolbar label{align-items:center;gap:var(--space-3);font-weight:650;display:flex}.laboratory{gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(18rem,.7fr);display:grid}.laboratory>.lab-panel{border:1px solid var(--border);border-radius:var(--radius-md);min-inline-size:0;padding:var(--space-5);background:var(--surface-raised)}.lab-panel-switcher,.lab-status{grid-column:1/-1}.lab-panel-switcher{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.lab-panel-switcher button{min-inline-size:0;padding-inline:var(--space-1);white-space:nowrap;background:0 0;border-color:#0000;font-size:.72rem}.lab-panel-switcher button[aria-selected=true]{border-color:var(--border-strong);background:var(--surface-raised);color:var(--accent)}.lab-status{min-block-size:1.4em;color:var(--text-muted);font-size:.85rem}.lab-example{min-block-size:24rem}.lab-source,.lab-events{grid-column:1/-1}.lab-source pre,.lab-inspector pre{max-block-size:30rem}.panel-heading>span{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:750}.example-stage{align-items:flex-start;gap:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);min-block-size:14rem;padding:var(--space-6);background:var(--surface-subtle);flex-wrap:wrap;display:flex;position:relative}.overlay-surface,.menu-surface,.command-dialog{z-index:var(--z-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-5);background:var(--surface-raised);box-shadow:var(--shadow)}.overlay-surface{min-inline-size:min(22rem,85vw)}.menu-surface,.listbox,.tree,.toast-region{gap:var(--space-1);min-inline-size:14rem;display:grid}.menu-surface button,.listbox button,.tree button,.command-results button{text-align:start;background:0 0;border-color:#0000}.menu-surface button:hover,.listbox button:hover,.tree button:hover,.command-results button:hover,.command-results button[data-active=true]{background:var(--accent-soft)}.example-panel,.toast{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--surface-raised)}.tab-list{gap:var(--space-1);border-block-end:1px solid var(--border);inline-size:100%;display:flex}.tab-list button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.event-output{gap:var(--space-2);max-block-size:22rem;color:var(--text-muted);display:grid;overflow:auto}.event-row{gap:var(--space-3);border-block-end:1px solid var(--border);grid-template-columns:8rem 6rem minmax(0,1fr);padding-block-end:var(--space-2);display:grid}.event-row code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contract-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}table{border-collapse:collapse;inline-size:100%}th,td{border-block-end:1px solid var(--border);padding:var(--space-3);text-align:start;vertical-align:top}.command-dialog{inline-size:min(38rem,100vw - 2rem);position:fixed;inset-block-start:12vh;inset-inline-start:50%;translate:-50%}.command-dialog label{gap:var(--space-2);font-weight:650;display:grid}.command-input{inline-size:100%}.command-results{gap:var(--space-1);margin-block-start:var(--space-3);display:grid}.prose{max-inline-size:50rem}.prose li+li{margin-block-start:var(--space-2)}@media (max-width:64rem){.metric-grid,.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.laboratory,.contract-grid,.hero{grid-template-columns:1fr}.component-table a{grid-template-columns:7rem 1fr}.component-table a p{grid-column:1/-1}}@media (max-width:36rem){.hero{gap:var(--space-6);min-block-size:0;padding-block-end:var(--space-8)}.actions,.section-heading,.panel-heading,.lab-toolbar{flex-direction:column;align-items:stretch}.button,.actions a,.lab-toolbar a,.lab-toolbar select{inline-size:100%}.component-table a{grid-template-columns:1fr}.laboratory>.lab-panel{padding:var(--space-4)}.lab-example{min-block-size:0}.example-stage{min-block-size:10rem;padding:var(--space-4)}.lab-source pre,.lab-inspector pre,.event-output{max-block-size:16rem}.contract-grid table{display:block;overflow-x:auto}.nav-close{justify-content:center;inline-size:100%;display:inline-flex}.metric-grid,.component-grid{grid-template-columns:1fr}.event-row{grid-template-columns:1fr auto}.event-row code{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer utilities{.copy-status:empty{display:none}@media (prefers-reduced-motion:no-preference){a,button,.sidebar{transition:color var(--transition), background-color var(--transition), border-color var(--transition)}}@media (prefers-contrast:more){:root{--border:var(--border-strong)}button,input,select,.laboratory>*{border-width:2px}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.button.primary,.brand>span{border:1px solid buttontext}}}