html{background-color:var(--lucet-background)}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}:root{--site-shell-max: 1240px;--site-shell-pad: 32px}.cfg__bar{border-block-end:1px solid var(--lucet-border)}.cfg__bar-in{display:flex;align-items:center;gap:10px;max-inline-size:var(--site-shell-max);margin:0 auto;padding:14px var(--site-shell-pad)}.cfg__mark{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;border-radius:var(--lucet-radius-control)}.cfg__mark:focus-visible{outline:var(--lucet-focus-width) solid var(--lucet-ring);outline-offset:var(--lucet-focus-offset)}.cfg__logo{inline-size:26px;block-size:26px;border-radius:7px}:root{--cfg-display-font: "Instrument Sans", "Inter", ui-sans-serif, system-ui, sans-serif}:root{--cfg-control-font-size: 13px;--cfg-control-line-height: 18px;--cfg-control-font-weight: 500;--cfg-meta-font-size: 12px;--cfg-meta-line-height: 18px;--cfg-meta-font-weight: 400}.cfg__name{font-family:var(--cfg-display-font);font-size:17px;font-weight:600;letter-spacing:-.015em}.cfg__nav{margin-inline-start:auto;display:flex;align-items:center;gap:18px}.cfg__bar-in>.cfg__prefs{margin-inline-start:auto}.cfg__bar-in>.cfg__prefs+.cfg__nav{margin-inline-start:18px}.cfg__navlink{display:inline-flex;align-items:center;gap:7px;min-block-size:26px;color:var(--lucet-subtle-foreground);font-size:13px;text-decoration:none;text-underline-offset:4px;transition:color var(--lucet-duration-fast) var(--lucet-ease)}.cfg__navlink-gh{inline-size:14px;block-size:14px;fill:currentColor;opacity:.8}.cfg__navlink:hover{color:var(--lucet-foreground);text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 45%,transparent)}.cfg__navlink:focus-visible{outline:var(--lucet-focus-width) solid var(--lucet-ring);outline-offset:var(--lucet-focus-offset);border-radius:2px}.cfg__navlink[aria-current=page]{color:var(--lucet-foreground);font-weight:500}.cfg__navlink-out{inline-size:11px;block-size:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.6;margin-inline-start:-2px}.cfg__prefs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--lucet-muted-foreground)}.cfg__pick{position:relative;display:inline-block}.cfg__pick:after{content:"";position:absolute;inset-inline-end:9px;inset-block-start:50%;inline-size:5px;block-size:5px;margin-block-start:-3.5px;border-inline-end:1.5px solid var(--lucet-muted-foreground);border-block-end:1.5px solid var(--lucet-muted-foreground);rotate:45deg;pointer-events:none}.cfg__prefs select{-webkit-appearance:none;-moz-appearance:none;appearance:none;field-sizing:content;min-block-size:26px;padding:2px 22px 2px 9px;border:0;border-radius:var(--lucet-radius-control);box-shadow:var(--lucet-hairline);background-color:transparent;color:var(--lucet-subtle-foreground);font-family:var(--lucet-font-sans);font-size:var(--cfg-control-font-size);font-weight:var(--cfg-control-font-weight);line-height:var(--cfg-control-line-height);letter-spacing:0;cursor:pointer;transition:background-color var(--lucet-duration-fast) var(--lucet-ease),color var(--lucet-duration-fast) var(--lucet-ease)}.cfg__prefs select:hover{background-color:var(--lucet-hover);color:var(--lucet-foreground)}.cfg__prefs select:focus-visible{outline:var(--lucet-focus-width) solid var(--lucet-ring);outline-offset:var(--lucet-focus-offset)}.cfg__pick--expression select{field-sizing:fixed;inline-size:74px}.cfg__more{position:relative}.cfg__more-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;min-block-size:26px;padding-inline:9px;border:0;border-radius:var(--lucet-radius-control);box-shadow:var(--lucet-hairline);background-color:transparent;color:var(--lucet-subtle-foreground);font-family:var(--lucet-font-sans);font-size:var(--cfg-control-font-size);font-weight:var(--cfg-control-font-weight);line-height:var(--cfg-control-line-height);letter-spacing:0;cursor:pointer;transition:background-color var(--lucet-duration-fast) var(--lucet-ease),color var(--lucet-duration-fast) var(--lucet-ease)}.cfg__more-trigger:hover{background-color:var(--lucet-hover);color:var(--lucet-foreground)}.cfg__more:has(.cfg__more-panel:popover-open) .cfg__more-trigger{background-color:var(--lucet-subtle);color:var(--lucet-foreground)}.cfg__more-trigger:focus-visible{outline:var(--lucet-focus-width) solid var(--lucet-ring);outline-offset:var(--lucet-focus-offset)}.cfg__more-panel{display:none;margin:0;inset:auto;border:0;gap:8px;min-inline-size:220px;padding:12px;border-radius:var(--lucet-radius-surface);background-color:var(--lucet-popover);box-shadow:var(--lucet-material-overlay)}.cfg__more-panel:popover-open{display:grid}[data-expression=glass] .cfg__more-panel{background-color:color-mix(in oklab,var(--lucet-popover) 81%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cfg__more-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--lucet-font-sans);font-size:var(--cfg-meta-font-size);font-weight:var(--cfg-meta-font-weight);line-height:var(--cfg-meta-line-height);letter-spacing:0;color:var(--lucet-muted-foreground)}.cfg__more-row select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-block-size:26px;padding:2px 22px 2px 8px;border:0;border-radius:var(--lucet-radius-control);box-shadow:var(--lucet-hairline);background-color:transparent;color:var(--lucet-subtle-foreground);font-family:var(--lucet-font-sans);font-size:var(--cfg-control-font-size);font-weight:var(--cfg-control-font-weight);line-height:var(--cfg-control-line-height);letter-spacing:0;cursor:pointer}.cfg__more-row select[data-figures]{font-variant-numeric:tabular-nums}.cfg__more-row select:hover{background-color:var(--lucet-hover)}.cfg__more-row select:focus-visible{outline:var(--lucet-focus-width) solid var(--lucet-ring);outline-offset:var(--lucet-focus-offset)}@media(max-width:560px){.cfg__bar-in{flex-wrap:wrap;row-gap:4px}.cfg__nav{flex-wrap:wrap;margin-inline-start:0;flex-basis:100%;gap:4px 14px}}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--lucet-duration-flip);animation-timing-function:var(--lucet-ease-mass)}.cfg__prefs{view-transition-name:lucet-appearance}::view-transition-old(lucet-appearance){animation:none;opacity:0}::view-transition-new(lucet-appearance){animation:none;opacity:1}.cfg__prefs select:active{background-color:var(--lucet-press)}[data-expression]{--cfg-stage-ground: var(--lucet-background);--cfg-stage-sunken: var(--lucet-surface-sunken)}:root[data-theme=light] [data-expression=glass],:root[data-theme=light][data-expression=glass]{--cfg-stage-ground: oklch(.965 min(calc(var(--lucet-neutral-c) / 4), .002) var(--lucet-neutral-h));--cfg-stage-sunken: oklch(.932 min(calc(var(--lucet-neutral-c) * .75), .008) var(--lucet-neutral-h))}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) [data-expression=glass],:root:not([data-theme=dark])[data-expression=glass]{--cfg-stage-ground: oklch(.965 min(calc(var(--lucet-neutral-c) / 4), .002) var(--lucet-neutral-h));--cfg-stage-sunken: oklch(.932 min(calc(var(--lucet-neutral-c) * .75), .008) var(--lucet-neutral-h))}}.prim{--page: var(--cfg-stage-ground);--sunken: var(--lucet-subtle);--stage-well: var(--sunken);--stage-lift: var(--ring-1);--surface: var(--lucet-card);--raised: var(--lucet-secondary);--field: var(--lucet-muted);--hover: var(--lucet-hover);--active: var(--lucet-press);--ink: var(--lucet-foreground);--ink-2: var(--lucet-subtle-foreground);--ink-3: var(--lucet-muted-foreground);--line: var(--lucet-border);--line-strong: var(--lucet-input);--ring-1: var(--lucet-hairline);--ring-2: var(--lucet-hairline-raised);--ring-3: var(--lucet-hairline-overlay);--inset-hair: var(--lucet-inset-hair);--inset-shallow: var(--lucet-inset-shallow);--inset-deep: var(--lucet-inset-deep);--cast-1: var(--lucet-shade-1);--cast-2: var(--lucet-shade-2);--cfg-gap-opening: 32px;--cfg-gap-chapter: 160px;--cfg-gap-hero: 128px;--cfg-gap-feature: 96px;--cfg-gap-supporting: 72px;--cfg-gap-heading: 22px;--cfg-gap-cell: var(--cfg-gap-supporting);--cfg-cell-min: 354px;--cast-3: var(--lucet-shade-3);--lit: var(--lucet-edge-top);--lit-strong: var(--lucet-edge-top);--solid: var(--lucet-primary);--solid-hover: var(--lucet-primary-hover);--solid-fg: var(--lucet-primary-foreground);--ring-focus: var(--lucet-ring);--inverse: var(--lucet-solid);--inverse-fg: var(--lucet-solid-foreground);--ok: var(--lucet-tone-success-foreground);--warn: var(--lucet-tone-caution-foreground);--bad: var(--lucet-tone-danger-foreground);--info: var(--lucet-tone-info-foreground);--ink-ok: var(--ok);--ink-warn: var(--warn);--ink-bad: var(--bad);--ink-info: var(--info);--tint-ok: var(--lucet-tone-success-surface);--tint-warn: var(--lucet-tone-caution-surface);--tint-bad: var(--lucet-tone-danger-surface);--tint-info: var(--lucet-tone-info-surface);--bad-solid: var(--lucet-danger-solid);--bad-solid-hover: var(--lucet-danger-solid-hover);--r-control: var(--lucet-radius-control);--r-surface: var(--lucet-radius-surface);--r-panel: var(--lucet-radius-panel);--focus-w: var(--lucet-focus-width);--focus-offset: var(--lucet-focus-offset);--fast: var(--lucet-duration-fast) var(--lucet-ease)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"cv05" 1,"ss03" 1}.prim{min-block-size:100dvh;text-wrap:pretty;background:var(--page);color:var(--ink);font-size:14px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prim__bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:calc(12px * var(--lucet-density, 1));padding:calc(14px * var(--lucet-density, 1)) calc(32px * var(--lucet-density, 1));background:color-mix(in oklab,var(--page) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--line)}.prim__mark{font-size:13px;font-weight:600;letter-spacing:-.01em}.prim__mark span{color:var(--ink-3);font-weight:450}.prim__bar-end{margin-inline-start:auto;display:flex;gap:8px}.prim__main{max-inline-size:var(--site-shell-max);margin:0 auto;padding:calc(56px * var(--lucet-density, 1)) var(--site-shell-pad) calc(160px * var(--lucet-density, 1))}.prim__title{text-wrap:balance;font-family:var(--cfg-display-font, inherit);font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-.03em;margin:0 0 10px}.prim__lede{text-wrap:pretty;margin:0 0 8px;color:var(--ink-2);font-size:15px;max-inline-size:62ch}:root[data-theme=dark] [data-expression=glass].prim,:root[data-theme=dark][data-expression=glass] .prim{--stage-well: oklch(from var(--lucet-background) calc(l + .02) c h);--stage-lift: var(--lucet-material-raised)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) [data-expression=glass].prim,:root:not([data-theme=light])[data-expression=glass] .prim{--stage-well: oklch(from var(--lucet-background) calc(l + .02) c h);--stage-lift: var(--lucet-material-raised)}}.sec{margin-block-start:var(--cfg-gap-feature)}.sec__head{display:grid;grid-template-columns:max-content minmax(0,32rem);align-items:baseline;column-gap:14px;margin-block-end:calc(var(--cfg-gap-heading) * var(--lucet-density, 1))}@media(max-width:620px){.sec__head{grid-template-columns:minmax(0,1fr);row-gap:5px}}.sec__name{font-size:14px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}.sec__note{text-wrap:pretty;font-size:13px;color:var(--ink-3);max-inline-size:40ch}.stage{background:var(--stage-well);border-radius:var(--r-panel);box-shadow:var(--stage-lift);padding:calc(32px * var(--lucet-density, 1));display:flex;flex-wrap:wrap;align-items:flex-start;gap:calc(26px * var(--lucet-density, 1))}:root[data-theme=light] .stage{background:var(--surface);box-shadow:var(--lucet-material-raised)}.stage .spec{gap:9px}.stage--cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start}.stage--flow{display:grid;gap:26px}.stage--flow-roomy{gap:34px}.spec--wide{inline-size:100%}.spec__demo{inline-size:100%;max-inline-size:var(--demo-max, 640px)}.spec__demo--breathe{padding-block:8px}.spec__demo--fit{inline-size:fit-content}.demo-flow{display:grid;gap:20px}.spec__note{margin:0;font-size:12px;color:var(--ink-3);max-inline-size:56ch}.stage--tight{padding:22px}.spec{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-inline-size:0;max-inline-size:100%}.spec__scroll{inline-size:100%;max-inline-size:100%;overflow-x:auto}.spec__head{display:flex;align-items:center;justify-content:space-between;inline-size:100%;gap:calc(12px * var(--lucet-density, 1))}.spec__tabs{display:inline-flex;gap:2px}.spec__tabs button{min-block-size:calc(26px * var(--lucet-density, 1));padding-inline:9px;border:0;border-radius:6px;background:none;color:var(--ink-3);font-family:var(--lucet-font-sans);font-size:var(--cfg-meta-font-size);font-weight:var(--cfg-control-font-weight);line-height:var(--cfg-meta-line-height);letter-spacing:0;cursor:pointer;transition:background-color var(--fast),color var(--fast)}.spec__tabs button:hover{color:var(--lucet-foreground)}.spec__tabs button[aria-pressed=true]{background:var(--lucet-muted);box-shadow:inset 0 0 0 1px var(--line);color:var(--lucet-foreground)}.spec__tabs button:focus-visible{outline:2px solid var(--lucet-ring);outline-offset:2px}.spec__code{position:relative;inline-size:100%}.spec__code pre{margin:0;padding:calc(14px * var(--lucet-density, 1)) calc(16px * var(--lucet-density, 1));max-block-size:380px;overflow-y:auto;border-radius:10px;background:var(--lucet-muted);box-shadow:inset 0 0 0 1px var(--line);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;line-height:1.65;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}.spec__code pre:focus-visible{outline:2px solid var(--lucet-ring);outline-offset:2px}.spec__copy{position:absolute;inset-block-start:8px;inset-inline-end:8px;min-block-size:calc(26px * var(--lucet-density, 1));padding-inline:9px;border:0;border-radius:6px;background:var(--lucet-card);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);font:inherit;font-size:11px;cursor:pointer}.spec__copy:hover{color:var(--lucet-foreground)}.spec__copy:focus-visible{outline:2px solid var(--lucet-ring);outline-offset:2px}.spec__label{font-size:11px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.btn{--btn-bg: var(--raised);--btn-bg-hover: color-mix(in oklab, var(--ink) var(--lucet-hover-mix), var(--btn-bg));--btn-bg-active: color-mix(in oklab, oklch(0 0 0) var(--lucet-press-mix), var(--btn-bg));--btn-fg: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;block-size:32px;padding-inline:calc(13px * var(--lucet-density, 1));border:0;border-radius:var(--r-control);background-color:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:13px;font-weight:500;letter-spacing:-.008em;white-space:nowrap;cursor:pointer;box-shadow:var(--lit),var(--ring-2),var(--cast-1);transition:background-color var(--fast),box-shadow var(--fast),scale var(--fast)}.btn:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;min-inline-size:100%;min-block-size:calc(40px * var(--lucet-density, 1));inline-size:100%}.btn:hover:not(:disabled),.btn.is-hover{background-color:var(--btn-bg-hover);box-shadow:var(--lit-strong),var(--ring-3),var(--cast-2)}.btn--ghost:hover:not(:disabled),.btn--ghost.is-hover{box-shadow:var(--ring-1)}.btn:active:not(:disabled),.btn.is-active{background-color:var(--btn-bg-active);scale:.96;box-shadow:var(--ring-2),var(--inset-shallow)}.btn:focus-visible,.btn.is-focus{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.btn:disabled,.btn.is-disabled{opacity:.42;cursor:not-allowed}.btn--primary{--btn-bg: var(--solid);--btn-bg-hover: var(--solid-hover);--btn-bg-active: var(--solid);--btn-fg: var(--solid-fg);box-shadow:0 0 0 1px #0000002e,var(--cast-2)}.btn--danger{--btn-bg: var(--bad-solid);--btn-bg-hover: var(--bad-solid-hover);--btn-bg-active: var(--bad-solid);--btn-fg: var(--lucet-danger-solid-foreground)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink-2);box-shadow:var(--ring-1)}.btn--ghost:hover:not(:disabled),.btn--ghost.is-hover{color:var(--ink)}.btn--ghost:active:not(:disabled),.btn--ghost.is-active{box-shadow:var(--ring-1)}.btn--sm{block-size:26px;padding-inline:10px;font-size:12px;border-radius:7px}.btn--lg{block-size:40px;padding-inline:18px;font-size:14px;border-radius:11px}.btn--lead{padding-inline:11px 13px}.btn--trail{padding-inline:13px 11px}.btn--icon{inline-size:32px;padding-inline:0}.btn--icon.btn--sm{inline-size:26px}.btn--icon.btn--lg{inline-size:40px}.btn__spin{inline-size:13px;block-size:13px;border-radius:50%;border:1.5px solid currentColor;border-block-start-color:transparent;animation:prim-spin .6s linear infinite}@keyframes prim-spin{to{rotate:360deg}}.field{inline-size:100%;block-size:32px;padding-inline:11px;border:0;border-radius:var(--r-control);background-color:var(--field);color:var(--ink);font:inherit;font-size:13px;box-shadow:var(--ring-1),var(--inset-deep);transition:box-shadow var(--fast),background-color var(--fast)}.field::placeholder{color:color-mix(in oklab,var(--ink-3) 62%,var(--field))}.field:hover:not(:disabled),.field.is-hover{box-shadow:0 0 0 1px var(--line-strong),var(--inset-deep);background-color:color-mix(in oklab,var(--ink) calc(var(--lucet-hover-mix) / 2),var(--field))}.field:focus,.field.is-focus{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.field:disabled,.field.is-disabled{opacity:.45;cursor:not-allowed}textarea.field{max-inline-size:100%;block-size:auto;min-block-size:calc(78px * var(--lucet-density, 1));padding-block:9px;resize:vertical;line-height:1.55}.select{position:relative;display:block;inline-size:100%}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;block-size:32px;padding-inline:11px calc(30px * var(--lucet-density, 1));border:0;border-radius:var(--r-control);background-color:var(--raised);color:var(--ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--lit),var(--ring-2),var(--cast-1);transition:background-color var(--fast)}.select select:hover:not(:disabled),.select.is-hover select{background-color:color-mix(in oklab,var(--ink) var(--lucet-hover-mix),var(--raised))}.select select:focus-visible,.select.is-focus select{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.select select:disabled{opacity:.42;cursor:not-allowed}.select:has(select:disabled):after{opacity:.42}.select:after{content:"";position:absolute;inset-inline-end:11px;inset-block-start:50%;inline-size:6px;block-size:6px;margin-block-start:-4px;border-inline-end:1.5px solid var(--ink-3);border-block-end:1.5px solid var(--ink-3);rotate:45deg;pointer-events:none}.check{display:inline-flex;align-items:center;gap:9px;min-block-size:40px;cursor:pointer;font-size:13px}.check input{position:absolute;opacity:0;pointer-events:none}.check__box{position:relative;inline-size:17px;block-size:17px;flex:none;border-radius:5px;background-color:var(--field);box-shadow:var(--ring-2),var(--inset-shallow);transition:background-color var(--fast),box-shadow var(--fast),outline-color var(--fast),scale var(--fast)}.check__box--round{border-radius:50%}.check__box:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:40px;block-size:40px}.check__box:after{content:"";position:absolute;opacity:0;transition:opacity var(--fast)}.check__box:not(.check__box--round):after{inset-block-start:3px;inset-inline-start:6px;inline-size:4px;block-size:8px;border-inline-end:2px solid var(--solid-fg);border-block-end:2px solid var(--solid-fg);rotate:45deg}.check__box--round:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--solid-fg)}.check:hover .check__box,.check.is-hover .check__box{background-color:color-mix(in oklab,var(--ink) var(--lucet-hover-mix),var(--field))}.check:hover input:checked+.check__box,.check.is-hover input:checked+.check__box{background-color:var(--solid-hover)}.check:active .check__box,.check.is-active .check__box{background-color:color-mix(in oklab,oklch(0 0 0) var(--lucet-press-mix),var(--field));scale:.92}.check:active input:checked+.check__box,.check.is-active input:checked+.check__box{background-color:var(--solid);scale:.92}.check input:checked+.check__box{background-color:var(--solid);box-shadow:0 0 0 1px #0003,var(--cast-1)}.check input:checked+.check__box:after{opacity:1}.check input:focus-visible+.check__box,.check.is-focus .check__box{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.check:has(input:disabled){cursor:not-allowed;color:var(--ink-3)}.check input:disabled+.check__box{background-color:var(--field);box-shadow:0 0 0 1px var(--line)}.check input:disabled:checked+.check__box{background-color:var(--line-strong);box-shadow:none}.check input:disabled:checked+.check__box:not(.check__box--round):after{border-color:var(--sunken)}.check input:disabled:checked+.check__box--round:after{background:var(--sunken)}.switch{display:inline-flex;align-items:center;gap:9px;min-block-size:40px;cursor:pointer;font-size:13px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;inline-size:34px;block-size:20px;flex:none;border-radius:999px;background-color:var(--field);box-shadow:var(--ring-2),var(--inset-shallow);transition:background-color var(--fast)}.switch__track:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:100%;block-size:40px}.switch__knob{position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--ink-2);box-shadow:0 1px 2px #0006;transition:translate var(--fast),background-color var(--fast),inline-size var(--fast)}.switch:hover .switch__track,.switch.is-hover .switch__track{background-color:color-mix(in oklab,var(--ink) var(--lucet-hover-mix),var(--field))}.switch:hover input:checked+.switch__track,.switch.is-hover input:checked+.switch__track{background-color:var(--solid-hover)}.switch:active .switch__knob,.switch.is-active .switch__knob{inline-size:17px}.switch:active input:checked+.switch__track .switch__knob,.switch.is-active input:checked+.switch__track .switch__knob{translate:11px 0}.switch input:checked+.switch__track{background-color:var(--solid)}.switch input:checked+.switch__track .switch__knob{translate:14px 0;background:var(--solid-fg)}.switch input:focus-visible+.switch__track,.switch.is-focus .switch__track{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.switch:has(input:disabled){cursor:not-allowed;color:var(--ink-3)}.switch input:disabled+.switch__track{background-color:var(--field);box-shadow:0 0 0 1px var(--line)}.switch input:disabled:checked+.switch__track{background-color:var(--line-strong);box-shadow:none}.switch input:disabled+.switch__track .switch__knob{background:var(--ink-3);box-shadow:none}.switch input:disabled:checked+.switch__track .switch__knob{background:var(--sunken)}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:11px;background-color:var(--sunken);box-shadow:var(--ring-1),var(--inset-hair)}.seg label{position:relative}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:block;padding:0 calc(12px * var(--lucet-density, 1));line-height:26px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--ink-3);cursor:pointer;white-space:nowrap;transition:color var(--fast),background-color var(--fast)}.seg span:hover,.seg .is-hover span{color:var(--ink-2);background-color:var(--hover)}.seg label:active span,.seg .is-active span{background-color:var(--active)}.seg input:checked+span{color:var(--ink);background-color:var(--raised);box-shadow:var(--lit),var(--ring-1),0 1px 2px #00000038}.seg input:focus-visible+span,.seg .is-focus span{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.seg input:checked+span:hover{background-color:var(--raised);color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:6px;block-size:23px;padding-inline:7px 9px;border-radius:7px;background-color:var(--raised);box-shadow:var(--ring-1);font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap}.badge__icon{inline-size:13px;block-size:13px;flex:none}.badge--ok{color:var(--ink-ok);background-color:var(--tint-ok)}.badge--warn{color:var(--ink-warn);background-color:var(--tint-warn)}.badge--bad{color:var(--ink-bad);background-color:var(--tint-bad)}.badge--info{color:var(--ink-info);background-color:var(--tint-info)}.avatar{display:inline-grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background-color:var(--raised);box-shadow:var(--ring-2),var(--lit);font-size:11px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}.avatar--lg{inline-size:36px;block-size:36px;font-size:13px}.avatar--solid{background-color:var(--solid);color:var(--solid-fg)}button.avatar{border:0;padding:0;font-family:inherit;cursor:pointer;transition:background-color var(--fast),scale var(--fast)}button.avatar:hover:not(:disabled),.avatar.is-hover{background-color:color-mix(in oklab,var(--ink) var(--lucet-hover-mix),var(--raised))}button.avatar:active:not(:disabled),.avatar.is-active{background-color:color-mix(in oklab,oklch(0 0 0) var(--lucet-press-mix),var(--raised));scale:.94}button.avatar:focus-visible,.avatar.is-focus{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}button.avatar:disabled,.avatar.is-disabled{opacity:.42;cursor:not-allowed}.avatar-stack{display:flex}.avatar-stack .avatar{margin-inline-start:-5px;box-shadow:var(--ring-2),0 0 0 2px var(--sunken)}.avatar-stack .avatar:first-child{margin-inline-start:0}.tipwrap{position:relative;display:inline-flex}.tip{position:absolute;inset-block-end:100%;inset-inline-start:50%;z-index:5;margin-block-end:4px;padding:5px 9px;border-radius:7px;background-color:var(--inverse);color:var(--inverse-fg);box-shadow:var(--cast-2);font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;translate:-50% 4px;transition:opacity 90ms ease-out,translate 90ms ease-out}.tipwrap:hover .tip,.tipwrap:focus-within .tip,.tipwrap.is-hover .tip{opacity:1;translate:-50% 0;transition-duration:.13s}.menu{inline-size:210px;padding:5px;border-radius:var(--r-surface);background-color:var(--raised);box-shadow:var(--lit),var(--ring-3),var(--cast-3)}.menu__item{display:flex;align-items:center;gap:9px;padding:0 9px;line-height:28px;border-radius:7px;font-size:13px;color:var(--ink-2);cursor:pointer}.menu__item:hover,.menu__item.is-hover{background-color:var(--hover);color:var(--ink)}.menu__item--danger:hover,.menu__item--danger.is-hover{color:var(--bad);background-color:var(--hover)}.menu__item[aria-checked=true]{color:var(--ink)}.menu__item kbd{margin-inline-start:auto;font:inherit;font-size:11px;color:var(--ink-3)}.menu__sep{block-size:1px;margin:5px 4px;background:var(--line)}.dialog{inline-size:100%;max-inline-size:380px;padding:calc(20px * var(--lucet-density, 1));border-radius:var(--r-panel);background-color:var(--surface);box-shadow:var(--lit),var(--ring-3),var(--cast-3)}.dialog__title{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:-.015em}.dialog__body{margin:0 0 18px;font-size:13px;color:var(--ink-2);line-height:1.55}.dialog__foot{display:flex;justify-content:flex-end;gap:8px}.meter{inline-size:100%;block-size:6px;border-radius:999px;background-color:var(--sunken);box-shadow:var(--ring-1),var(--inset-hair);overflow:hidden}.meter__fill{block-size:100%;border-radius:999px;background:var(--solid)}.meter--ok .meter__fill{background:var(--ok);box-shadow:none}.meter-row{display:flex;align-items:center;gap:10px;inline-size:100%}.meter-row span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none;inline-size:34px;text-align:end}.meter--busy .meter__fill{inline-size:35%;animation:prim-slide 1.2s ease-in-out infinite}@keyframes prim-slide{0%{translate:-100% 0}to{translate:320% 0}}@media(prefers-reduced-motion:reduce){.meter--busy .meter__fill{animation:none;inline-size:100%;opacity:.4}.btn__spin{animation:none}*{transition-duration:1ms!important}}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.states{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}.states__cell{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.states__label{font-size:10.5px;letter-spacing:.03em;color:var(--ink-3)}.sep{block-size:1px;inline-size:100%;background:var(--lucet-line);border:0}.sep--strong{background:var(--line-strong)}.link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px;text-decoration-thickness:1px;border-radius:3px;transition:text-decoration-color var(--fast)}.link:hover,.link.is-hover{text-decoration-color:currentColor}.link:focus-visible{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}kbd,.kbd{display:inline-flex;align-items:center;justify-content:center;min-inline-size:20px;block-size:20px;padding-inline:5px;border-radius:5px;background-color:var(--raised);box-shadow:var(--ring-2),var(--lit),0 1px #00000040;font-family:inherit;font-size:11px;font-weight:500;color:var(--ink-2)}.spinner{inline-size:14px;block-size:14px;border-radius:50%;border:1.5px solid var(--line-strong);border-block-start-color:var(--ink-2);animation:prim-spin .6s linear infinite}.spinner--lg{inline-size:20px;block-size:20px;border-width:2px}.skel{position:relative;overflow:hidden;border-radius:6px;background-color:var(--raised)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--ink) 7%,transparent) 50%,transparent);animation:prim-sweep 1.4s ease-in-out infinite}@keyframes prim-sweep{0%{translate:-100% 0}to{translate:100% 0}}.skel--text{block-size:11px;border-radius:4px}.skel--title{block-size:15px;inline-size:45%;border-radius:4px}.skel--circle{border-radius:50%}.disc{inline-size:100%;border-radius:var(--r-surface);background-color:var(--surface);box-shadow:var(--ring-1)}.disc__head{display:flex;align-items:center;gap:9px;inline-size:100%;min-block-size:calc(38px * var(--lucet-density, 1));padding-inline:calc(12px * var(--lucet-density, 1));border:0;border-radius:inherit;background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:500;text-align:start;cursor:pointer;transition:background-color var(--fast)}.disc__head[aria-expanded=true]{border-radius:var(--r-surface) var(--r-surface) 0 0}.disc__head:hover,.disc__head.is-hover{background-color:var(--hover)}.disc__head:focus-visible{outline:var(--focus-w) solid var(--ring-focus);outline-offset:-2px}.caret{inline-size:7px;block-size:7px;flex:none;border-inline-end:1.5px solid var(--ink-3);border-block-end:1.5px solid var(--ink-3);rotate:-45deg;transition:rotate var(--fast)}.disc[open] .caret,.disc__head[aria-expanded=true] .caret{rotate:45deg}.disc__meta{margin-inline-start:auto;font-size:12px;color:var(--ink-3)}.disc__body{padding:4px calc(12px * var(--lucet-density, 1)) calc(13px * var(--lucet-density, 1)) calc(28px * var(--lucet-density, 1));font-size:13px;line-height:1.6;color:var(--ink-2)}code:not(.lucet-md *):not(.lucet-codeblock *):not(.lucet-tool__io *):not(.spec__code *),.code{padding:1.5px 5px;border-radius:5px;background-color:var(--sunken);box-shadow:var(--ring-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.codeblock{border-radius:var(--r-surface);background-color:var(--sunken);box-shadow:var(--ring-1);overflow:hidden}.codeblock__bar{display:flex;align-items:center;gap:8px;padding:0 10px 0 calc(12px * var(--lucet-density, 1));block-size:38px;border-block-end:1px solid var(--line);font-size:12px;color:var(--ink-3)}.codeblock__bar .btn{margin-inline-start:auto}.codeblock pre{margin:0;padding:calc(12px * var(--lucet-density, 1));overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--ink-2)}.codeblock pre code{padding:0;background:none;box-shadow:none;font-size:inherit}.prose{max-inline-size:68ch;font-size:15px;line-height:1.65;color:var(--ink-2)}.prose>*+*{margin-block-start:.9em}.prose h2,.prose h3{margin-block-start:1.6em;color:var(--ink);font-weight:600;letter-spacing:-.015em;text-wrap:balance}.prose h2{font-size:17px}.prose h3{font-size:15px}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{padding-inline-start:1.25em}.prose li+li{margin-block-start:.35em}.prose blockquote{margin-inline:0;padding-inline-start:calc(14px * var(--lucet-density, 1));border-inline-start:2px solid var(--line-strong);color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}.spinner{animation:none;border-block-start-color:var(--line-strong)}}.breathe{inline-size:8px;block-size:8px;border-radius:50%;background:var(--ink-3);animation:prim-breathe 1.8s ease-in-out infinite}@keyframes prim-breathe{0%,to{opacity:.35;scale:.85}50%{opacity:1;scale:1}}.dots{display:inline-flex;gap:4px;align-items:center}.dots i{inline-size:5px;block-size:5px;border-radius:50%;background:var(--ink-3);animation:prim-breathe 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.stream-cursor{display:inline-block;inline-size:2px;block-size:1em;vertical-align:-.15em;margin-inline-start:2px;border-radius:1px;background:var(--ink-2);animation:prim-blink 1s steps(1) infinite}@keyframes prim-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.working{display:inline-flex;align-items:center;gap:8px;font-size:13px}.working__label{background:linear-gradient(90deg,var(--ink-3) 40%,var(--ink) 50%,var(--ink-3) 60%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:prim-shimmer 2s linear infinite}@keyframes prim-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.working__time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-3)}.steps{display:inline-flex;align-items:center;gap:6px}.steps i{inline-size:18px;block-size:3px;border-radius:2px;background:var(--line-strong)}.steps i[data-state=done]{background:var(--ink-2)}.steps i[data-state=now]{background:var(--ink-2);animation:prim-breathe 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.breathe,.dots i,.steps i[data-state=now]{animation:none;opacity:.7}.stream-cursor{animation:none}.working__label{animation:none;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink-2)}}.orb{display:inline-grid;place-items:center;inline-size:var(--orb-size, 22px);block-size:var(--orb-size, 22px);flex:none;color:var(--ink-2)}.orb[data-state=thinking],.orb[data-state=searching],.orb[data-state=composing]{color:var(--solid)}.orb--sm{--orb-size: 16px}.orb--lg{--orb-size: 34px}.orb svg{inline-size:100%;block-size:100%;overflow:visible}.orb circle{fill:none;stroke:currentColor;stroke-width:2;transform-box:fill-box;transform-origin:center}.orb circle.orb__track{stroke:color-mix(in oklab,currentColor 20%,transparent);stroke-width:1.5}.orb circle.orb__arc{stroke-linecap:round}.orb circle.orb__core{stroke:none;fill:currentColor}.orb[data-state=ready]{color:var(--solid)}.orb[data-state=ready] circle.orb__arc{display:none}.orb[data-state=ready] circle.orb__track{stroke:color-mix(in oklab,currentColor 55%,transparent)}.orb[data-state=ready] circle.orb__core{animation:orb-breathe 3.6s ease-in-out infinite}@keyframes orb-breathe{0%,to{opacity:.55;scale:.9}50%{opacity:1;scale:1.05}}.orb[data-state=blocked] circle.orb__arc{display:none}.orb[data-state=thinking] circle.orb__arc{stroke-dasharray:14 42;animation:orb-spin 2.4s linear infinite}.orb[data-state=thinking] circle.orb__arc2{stroke-dasharray:6 50;animation:orb-spin 1.6s linear infinite reverse}.orb[data-state=thinking] circle.orb__core{animation:orb-pulse 2.4s ease-in-out infinite}.orb[data-state=searching] circle.orb__arc{stroke-dasharray:30 26;animation:orb-spin 1.1s linear infinite}.orb[data-state=composing] circle.orb__arc{animation:orb-grow 2s ease-in-out infinite;rotate:-90deg}.orb[data-state=blocked] circle.orb__track{stroke:color-mix(in oklab,currentColor 34%,transparent)}.orb[data-state=blocked] circle.orb__core{animation:orb-pulse 2.6s ease-in-out infinite}.orb[data-state=queued]{color:var(--info)}.orb[data-state=queued] circle.orb__arc{stroke-dasharray:1.5 999;stroke-linecap:round;animation:orb-spin 4s linear infinite}.orb[data-state=degraded]{color:var(--warn)}.orb[data-state=degraded] circle.orb__arc{stroke-dasharray:30 26;animation:orb-spin 1.6s steps(8) infinite}.orb[data-state=down]{color:var(--bad)}.orb[data-state=down] circle.orb__arc{stroke-dasharray:42 14;rotate:32deg}@keyframes orb-spin{to{rotate:360deg}}@keyframes orb-pulse{0%,to{opacity:.4;scale:.8}50%{opacity:1;scale:1.1}}@keyframes orb-grow{0%{stroke-dasharray:0 56}70%{stroke-dasharray:52 4}to{stroke-dasharray:0 56}}.orb-row{display:inline-flex;align-items:center;gap:9px;font-size:13px}.orb-row__label{color:var(--ink-2)}.orb-row__time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.orb circle{animation:none!important}.orb[data-state=thinking] circle.orb__arc{stroke-dasharray:14 42}.orb[data-state=thinking] circle.orb__arc2{stroke-dasharray:6 50;rotate:140deg}.orb[data-state=searching] circle.orb__arc{stroke-dasharray:30 26}.orb[data-state=composing] circle.orb__arc{stroke-dasharray:40 16;rotate:-90deg}.orb[data-state=queued] circle.orb__arc{stroke-dasharray:1.5 999}.orb[data-state=degraded] circle.orb__arc{stroke-dasharray:4 6}}.media{position:relative;display:block;overflow:hidden;border-radius:var(--r-surface);background-color:var(--sunken)}.media img,.media video{display:block;inline-size:100%;block-size:100%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}:root[data-theme=dark] .media img,:root[data-theme=dark] .media video{outline-color:#ffffff1a}.media--square{aspect-ratio:1}.media--wide{aspect-ratio:16 / 9}.media--sm{inline-size:44px}.media--loading{background-color:var(--raised)}.atts{display:flex;flex-wrap:wrap;gap:8px}.atts--grid{gap:8px}.atts--list{flex-direction:column;flex-wrap:nowrap;gap:4px;inline-size:100%}.att{position:relative;display:flex;align-items:center;gap:8px;min-inline-size:0}.atts--grid .att{inline-size:68px;flex-direction:column;gap:5px}.atts--grid .att .media{inline-size:68px;aspect-ratio:1}.atts--inline .att{block-size:26px;padding-inline:7px 5px;border-radius:7px;background-color:var(--raised);box-shadow:var(--ring-2);font-size:12px;max-inline-size:190px}.atts--list .att{padding:6px 6px 6px 8px;border-radius:var(--r-control);transition:background-color var(--fast)}.atts--list .att:hover,.atts--list .att.is-hover{background-color:var(--hover)}.att__name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.atts--grid .att__name{font-size:11px;color:var(--ink-2);inline-size:100%;text-align:center}.atts--inline .att__name{font-size:12px}.att__meta{margin-inline-start:auto;flex:none;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-3)}.att__icon{display:inline-grid;place-items:center;inline-size:28px;block-size:28px;flex:none;border-radius:6px;background-color:var(--sunken);box-shadow:var(--ring-1);color:var(--ink-3)}.atts--inline .att__icon{inline-size:16px;block-size:16px;background:none;box-shadow:none}.att__remove{position:relative;display:inline-grid;place-items:center;inline-size:20px;block-size:20px;flex:none;border:0;border-radius:6px;background-color:var(--raised);box-shadow:var(--ring-2);color:var(--ink-2);cursor:pointer;transition:background-color var(--fast),opacity var(--fast)}.att__remove:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:32px;block-size:32px}.att__remove:hover,.att__remove.is-hover{background-color:var(--hover);color:var(--ink)}.att__remove:focus-visible{outline:var(--focus-w) solid var(--ring-focus);outline-offset:var(--focus-offset)}.atts--grid .att__remove{position:absolute;inset-block-start:4px;inset-inline-end:4px;opacity:0}.atts--grid .att:hover .att__remove,.atts--grid .att:focus-within .att__remove,.atts--grid .att.is-hover .att__remove{opacity:1}.scroller{overflow-y:auto;overscroll-behavior:contain;--fade: 22px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}@supports (animation-timeline: scroll()){.scroller{animation:scroller-fade linear both;animation-timeline:scroll(self block)}@keyframes scroller-fade{0%{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--fade)),transparent 100%)}8%,92%{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}to{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 100%)}}}.scroller::-webkit-scrollbar{inline-size:10px}.scroller::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:var(--line-strong)}.scroller::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3)}.scroller::-webkit-scrollbar-track{background:transparent}.table{inline-size:100%;border-collapse:collapse;font-size:13px}.table th{padding:0 10px 8px;text-align:start;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.table td{padding:9px 10px;border-block-start:1px solid var(--line);color:var(--ink-2);vertical-align:middle}.table td:first-child{color:var(--ink)}.table tbody tr{transition:background-color var(--fast)}.table tbody tr:hover,.table tbody tr.is-hover{background-color:color-mix(in oklab,var(--lucet-foreground) calc(var(--lucet-hover-mix) / 2),transparent)}.table .num{text-align:end;font-variant-numeric:tabular-nums}.table__head--sticky th{position:sticky;inset-block-start:0;z-index:1;background-color:var(--sunken)}.prim__controls{display:flex;justify-content:flex-end;gap:6px;margin-block-end:4px}.prim--comp .sec{margin-block-start:var(--cfg-gap-feature)}.prim--comp .sec__head{margin-block-end:var(--cfg-gap-heading)}.prim--comp .sec__name{font-size:17px;letter-spacing:-.014em}.prim--comp .hero-app{max-inline-size:720px;padding-block:8px 16px}.prim--comp .stage--rail,:root[data-theme=light] .prim--comp .stage--rail{display:grid;background:none;box-shadow:none;border-radius:0;padding:0;gap:0}.prim--comp .stage--rail>.spec{display:grid;grid-template-columns:minmax(0,640px) minmax(220px,1fr);grid-template-areas:"head head" "demo note";column-gap:48px;row-gap:12px;align-items:start;padding-block:30px 34px;border-block-start:1px solid var(--lucet-line)}.prim--comp .stage--rail>.spec:first-child{border-block-start:0;padding-block-start:4px}.prim--comp .stage--rail .spec__head{grid-area:head}.prim--comp .stage--rail .spec__demo,.prim--comp .stage--rail .spec__code{grid-area:demo}.prim--comp .stage--rail .spec__note{grid-area:note;position:sticky;top:72px;font-size:13px;line-height:1.55;max-inline-size:40ch;padding-inline-start:16px;border-inline-start:1px solid var(--lucet-line)}.prim--comp .stage--duet,.prim--comp .stage--trio{display:grid;gap:var(--cfg-gap-cell);align-items:start}.prim--comp .stage--duet,.prim--comp .stage--trio{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--cfg-cell-min)),1fr))}.prim--comp .stage--duet .spec__demo,.prim--comp .stage--trio .spec__demo{max-inline-size:none}.prim--comp .spec--band{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,640px) minmax(220px,1fr);grid-template-areas:"head head" "demo note";column-gap:48px;row-gap:12px;align-items:start;border-block-start:1px solid var(--lucet-line);padding-block-start:28px}.prim--comp .spec--band .spec__head{grid-area:head}.prim--comp .spec--band .spec__demo,.prim--comp .spec--band .spec__code{grid-area:demo}.prim--comp .spec--band .spec__note{grid-area:note;font-size:13px;line-height:1.55;max-inline-size:40ch;padding-inline-start:16px;border-inline-start:1px solid var(--lucet-line)}.prim__main{container-type:inline-size}@container (max-width: 907px){.prim--comp .stage--rail>.spec,.prim--comp .spec--band{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "demo" "note"}.prim--comp .stage--rail .spec__note,.prim--comp .spec--band .spec__note{position:static;border-inline-start:0;padding-inline-start:0}}.prim--comp .spec__label{text-transform:none;letter-spacing:0;font-family:var(--lucet-font-sans);font-size:var(--cfg-control-font-size);font-weight:var(--cfg-control-font-weight);line-height:var(--cfg-control-line-height);color:var(--ink-2)}.prim--comp .stage--trio .spec__head{min-block-size:40px;align-items:start}.prim--comp .spec__tabs{padding:2px;border-radius:8px;background:color-mix(in oklab,var(--lucet-foreground) 4%,transparent)}.prim--comp .spec__tabs button{min-block-size:24px}.prim--comp .spec__tabs button[aria-pressed=true]{background:var(--lucet-card);box-shadow:0 1px 2px #00000029,inset 0 0 0 1px color-mix(in oklab,var(--lucet-foreground) 8%,transparent);color:var(--lucet-foreground)}.prim--comp .sec--kin{margin-block-start:var(--cfg-gap-supporting)}.prim--comp .sec--hero+.sec{margin-block-start:var(--cfg-gap-hero)}.prim--comp .sec--hero{margin-block-start:var(--cfg-gap-opening)}.prim--comp .hero-app__more{margin:14px 0 0;font-size:13px}.prim--comp .hero-app__more a{color:var(--ink-3);text-decoration:none;transition:color var(--fast)}.prim--comp .hero-app__more a:hover{color:var(--lucet-foreground)}.prim--comp .hero-app__more a:focus-visible{outline:2px solid var(--lucet-ring);outline-offset:2px;border-radius:2px}.prim--comp .hero-app__more a:after{content:" →"}.prim--comp .stage--open,:root[data-theme=light] .prim--comp .stage--open{background:none;box-shadow:none;border-radius:0;padding:4px 0 0}.prim--ref{--cfg-gap-opening: 56px;--cfg-gap-chapter: 112px;--cfg-gap-feature: 56px;--cfg-gap-supporting: 56px;--cfg-gap-heading: 16px}.prim--ref .stage{padding:calc(28px * var(--lucet-density, 1))}.prim--comp .stage--trio{inline-size:min(calc(var(--site-shell-max) + 60px),calc(100vw - 64px));margin-inline-start:calc((100% - min(calc(var(--site-shell-max) + 60px),100vw - 64px))/2)}.prim .btn--primary.is-focus{box-shadow:0 0 0 var(--focus-offset) var(--btn-fg),0 0 0 1px #0000002e,var(--cast-2)}.prim .btn--danger.is-focus{box-shadow:0 0 0 var(--focus-offset) var(--btn-fg)}.prim--comp .spec__note{color:var(--ink-2);max-inline-size:44ch;line-height:1.45}.prim--comp .sec__head{flex-wrap:wrap}.prim--comp .sec__note{line-height:1.45}.prim--comp .hero-wrap{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,1fr);column-gap:48px;align-items:end}.prim--comp .hero-wrap .spec__note{margin-block-end:56px;padding-inline-start:16px;border-inline-start:1px solid var(--lucet-line)}@container (max-width: 1007px){.prim--comp .hero-wrap{grid-template-columns:minmax(0,1fr)}.prim--comp .hero-wrap .spec__note{margin-block-end:0;border-inline-start:0;padding-inline-start:0}}.prim .chapter{display:grid;gap:6px;margin-block-start:var(--cfg-gap-chapter)}.prim .chapter__name{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.prim .chapter__note{margin:0;font-size:14px;line-height:1.45;color:var(--ink-2);max-inline-size:44ch;text-wrap:pretty}.prim .chapter+.sec{margin-block-start:calc(var(--cfg-gap-supporting) / 2)}.prim .prim__lede+.chapter{margin-block-start:var(--cfg-gap-opening)}.prim--comp .sec>.stage+.stage{margin-block-start:var(--cfg-gap-cell)}.prim--comp .spec--inset{gap:12px}