:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--fonts-sans);font-feature-settings:"kern" 1, "liga" 1, "calt" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--colors-bg-canvas);color:var(--colors-fg-default);line-height:1.6}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit}.docs-shell{background:radial-gradient(circle at top left, var(--colors-accent-muted) 0%, transparent 24rem), var(--colors-bg-canvas);min-height:100vh}.site-header{justify-content:space-between;align-items:center;gap:1rem;width:min(72rem,100% - 2rem);margin-inline:auto;padding-block:1.25rem;display:flex}.brand{letter-spacing:-.01em;color:var(--colors-fg-default);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{width:1.5rem;height:1.5rem;display:block}nav{color:var(--colors-fg-muted);flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}nav a{text-decoration:none}.nav__icon{color:var(--colors-fg-muted);align-items:center;transition:color .15s;display:inline-flex}.nav__icon:hover{color:var(--colors-fg-default)}.hero,.content-grid,.article{gap:1.5rem;width:min(72rem,100% - 2rem);margin-inline:auto;display:grid}.hero{align-content:center;gap:1.25rem;min-height:calc(100vh - 5rem)}.hero .lede{margin-block-start:.25rem}.content-grid,.article{padding-block:4rem}.eyebrow{color:var(--colors-fg-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:600}@layer base{.docs-shell h1{letter-spacing:-.025em;text-wrap:balance;max-width:22ch;color:var(--colors-fg-default);margin:0;font-size:clamp(2.5rem,6.5vw,4.5rem);font-weight:700;line-height:1.05}.docs-shell h2{letter-spacing:-.02em;text-wrap:balance;color:var(--colors-fg-default);margin:1rem 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}}.page-heading{gap:.5rem;display:grid}.page-heading h1,.article h1{letter-spacing:-.02em;max-width:20ch;font-size:clamp(2.25rem,5.5vw,3.5rem);line-height:1.1}.lede{max-width:44rem;color:var(--colors-fg-muted);letter-spacing:-.005em;text-wrap:pretty;margin:0;font-size:1.125rem;line-height:1.55}.action-list,.card-grid{flex-wrap:wrap;gap:.75rem;display:flex}.component-group{flex-direction:column;gap:.75rem;display:flex}.component-group__title{text-transform:uppercase;letter-spacing:.05em;color:var(--colors-fg-muted);margin:0;font-size:.8125rem;font-weight:600}.action-list,.article-list{margin:0;padding:0;list-style:none}.action-list a,.doc-card{border:1px solid var(--colors-border-default);color:var(--colors-fg-default);border-radius:.5rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.doc-card{background:var(--colors-bg-subtle);flex-direction:column;width:min(100%,21rem);min-height:9rem}.doc-card span{letter-spacing:-.01em;color:var(--colors-fg-default);font-weight:700}.doc-card span.doc-card__title--accent{color:var(--colors-accent-vivid)}.doc-card p,.article p{color:var(--colors-fg-muted);text-wrap:pretty;line-height:1.65}pre{border:1px solid var(--colors-border-default);background:var(--colors-bg-muted);color:var(--colors-fg-default);border-radius:.5rem;padding:1rem;overflow-x:auto}code{font-family:var(--fonts-mono)}table{border-collapse:collapse;border:1px solid var(--colors-border-default);border-radius:.5rem;width:100%;overflow:hidden}th,td{border-block-end:1px solid var(--colors-border-default);text-align:start;vertical-align:top;padding:.75rem}th{background:var(--colors-bg-muted);color:var(--colors-fg-default)}td{color:var(--colors-fg-muted)}.component-preview{border:1px solid var(--colors-border-default);background:var(--colors-bg-subtle);border-radius:.5rem;gap:1rem;padding:1rem;display:grid}.component-preview__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.component-preview__theme{align-items:center;gap:.5rem;display:inline-flex}.component-preview__label{color:var(--colors-fg-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.component-preview__rendered{background:var(--colors-bg-muted);min-height:12rem;color:var(--colors-fg-default);border-radius:.5rem;place-items:center;padding:1.5rem;display:grid}.component-preview__rendered>*{flex-direction:column;justify-content:center;align-items:center;width:min(100%,32rem);display:flex}.component-preview pre{margin-block-end:0}.component-preview__code{border:1px solid var(--colors-border-muted);background:#0b0b10;border-radius:.5rem;overflow:hidden}.component-preview__editor{caret-color:var(--colors-accent-default);font-family:var(--fonts-mono)!important;font-size:.8125rem!important;line-height:1.6!important}.component-preview__editor>pre,.component-preview__editor>textarea{tab-size:2;background:0 0!important;outline:none!important;padding:1rem!important}.component-preview__editor>textarea{caret-color:var(--colors-accent-default)}.component-preview__editor>textarea:focus-visible{outline-offset:-2px;border-radius:.5rem;outline:2px solid var(--colors-accent-muted)!important}.component-preview__error{border:1px solid color-mix(in srgb, var(--colors-fg-default) 12%, #c4314b);background:color-mix(in srgb, var(--colors-bg-canvas) 80%, #c4314b 20%);color:var(--colors-fg-default);font-family:var(--fonts-mono);white-space:pre-wrap;border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.8125rem}.component-preview__error:empty{display:none}.install-command{border:1px solid var(--colors-border-muted);background:var(--colors-bg-canvas);border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem .875rem;display:flex}.install-command__pre{font-family:var(--fonts-mono);white-space:pre;background:0 0;border:0;flex:1;align-items:center;margin:0;padding:0;font-size:.875rem;line-height:1.6;display:flex;overflow-x:auto}.install-command__pre code{color:var(--colors-fg-default);align-items:center;gap:.625rem;display:inline-flex}.install-command__prompt{color:var(--colors-accent-default);-webkit-user-select:none;user-select:none;font-weight:700}.docs-section{border:1px solid var(--colors-border-muted);background:var(--colors-bg-subtle);border-radius:.5rem;gap:1rem;padding:1.5rem;display:grid}.docs-section__header{border-block-end:1px solid var(--colors-border-muted);gap:.25rem;padding-block-end:.75rem;display:grid}.docs-section__title{letter-spacing:-.01em;color:var(--colors-fg-default);margin:0;font-size:1.125rem;font-weight:600}.docs-section__hint{color:var(--colors-fg-muted);text-wrap:pretty;margin:0;font-size:.875rem}.docs-section__empty{border:1px dashed var(--colors-border-muted);background:var(--colors-bg-canvas);color:var(--colors-fg-muted);border-radius:.5rem;margin:0;padding:.875rem 1rem;font-size:.875rem}.docs-section pre,.docs-section table,.docs-section .article-list{margin:0}.docs-section table{background:var(--colors-bg-canvas)}.docs-section th{letter-spacing:.02em;text-transform:uppercase;color:var(--colors-fg-muted);font-size:.8125rem;font-weight:600}.docs-section td:first-child{font-family:var(--fonts-mono);color:var(--colors-fg-default);font-size:.875rem}.docs-section td code,.docs-section th code{background:var(--colors-bg-muted);border-radius:.25rem;padding:.125rem .375rem;font-size:.8125rem}.docs-section .article-list{font-family:var(--fonts-mono);color:var(--colors-fg-default);gap:.375rem;font-size:.8125rem;display:grid}.docs-section .article-list li{border:1px solid var(--colors-border-muted);background:var(--colors-bg-canvas);border-radius:.375rem;padding:.5rem .75rem}.docs-interactive{gap:1rem;display:grid}.docs-interactive__segments{border:1px solid var(--colors-border-muted);background:var(--colors-bg-muted);border-radius:.5rem;flex-wrap:wrap;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:inline-flex}.docs-interactive__segment{min-height:2rem;color:var(--colors-fg-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:600;line-height:1.2}.docs-interactive__segment[aria-pressed=true]{background:var(--colors-bg-default);color:var(--colors-fg-default);box-shadow:0 0 0 1px var(--colors-border-default)}.docs-interactive__segment:focus-visible{outline:2px solid var(--colors-accent-muted);outline-offset:2px}.docs-interactive__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.docs-interactive__panel,.docs-interactive__preview{border:1px solid var(--colors-border-muted);background:var(--colors-bg-canvas);border-radius:.5rem;gap:.75rem;min-width:0;padding:1rem;display:grid}.docs-interactive__panel h3{color:var(--colors-fg-default);letter-spacing:0;margin:0;font-size:.9375rem;font-weight:600}.docs-interactive__panel p,.docs-interactive__preview p{color:var(--colors-fg-muted);margin:0;font-size:.875rem}.docs-interactive__code{border:1px solid var(--colors-border-muted);background:var(--colors-bg-default);min-width:0;color:var(--colors-fg-default);border-radius:.5rem;padding:.875rem;font-size:.8125rem;line-height:1.55;overflow-x:auto}.docs-interactive__list{color:var(--colors-fg-muted);gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.docs-interactive__list li{border:1px solid var(--colors-border-muted);background:var(--colors-bg-default);border-radius:.375rem;padding:.625rem .75rem}.docs-interactive__meta{border:1px solid var(--colors-border-muted);background:var(--colors-bg-muted);width:fit-content;max-width:100%;color:var(--colors-fg-default);font-family:var(--fonts-mono);overflow-wrap:anywhere;border-radius:.375rem;padding:.375rem .5rem}.docs-interactive__preview{background:var(--colors-bg-default);color:var(--colors-fg-default)}.docs-interactive__badge,.docs-interactive__chip{border:1px solid var(--colors-border-muted);border-radius:999px;width:fit-content;max-width:100%;font-size:.75rem;font-weight:700;line-height:1.2}.docs-interactive__badge{background:var(--colors-bg-subtle);color:var(--colors-fg-muted);padding:.25rem .5rem}.docs-interactive__chips{flex-wrap:wrap;gap:.5rem;display:flex}.docs-interactive__chip{background:var(--colors-bg-subtle);color:var(--colors-fg-default);padding:.4375rem .75rem}.docs-interactive__chip--solid{border-color:var(--colors-accent-solid);background:var(--colors-accent-solid);color:var(--colors-accent-contrast)}.docs-interactive__swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.625rem;display:grid}.docs-interactive__swatch{border:1px solid var(--colors-border-muted);background:var(--colors-bg-subtle);border-radius:.375rem;align-items:center;gap:.625rem;min-width:0;padding:.625rem;display:flex}.docs-interactive__swatch code{overflow-wrap:anywhere;font-size:.75rem}.docs-interactive__swatch-color{border:1px solid var(--colors-border-default);border-radius:.375rem;flex:none;width:1.75rem;height:1.75rem}.docs-interactive__specimen{color:var(--colors-fg-default);text-wrap:pretty;margin:0;font-size:1.25rem;line-height:1.55}.docs-interactive__controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.docs-interactive__field{color:var(--colors-fg-muted);gap:.375rem;font-size:.8125rem;font-weight:600;display:grid}.docs-interactive__input{border:1px solid var(--colors-border-default);background:var(--colors-bg-default);min-height:2rem;color:var(--colors-fg-default);font:inherit;border-radius:.375rem;padding:.375rem .625rem;font-size:.875rem}.docs-interactive__input:focus-visible{outline:2px solid var(--colors-accent-muted);outline-offset:1px}.docs-interactive__card-title{color:var(--colors-fg-default);font-size:1.0625rem;font-weight:600;line-height:1.3}.docs-interactive__actions{flex-wrap:wrap;gap:.5rem;display:flex}.docs-interactive__button{border:1px solid var(--colors-border-default);background:var(--colors-bg-default);min-height:2rem;color:var(--colors-fg-default);border-radius:.5rem;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex}.docs-interactive__button--primary{color:var(--colors-gray-1);border-color:#0000}.docs-section p code,.docs-section li code{background:var(--colors-bg-muted);color:var(--colors-fg-default);border-radius:.3125rem;padding:.0625rem .3125rem;font-size:.8125rem}.docs-section p strong{color:var(--colors-fg-default);font-weight:600}