.docs-shell{--docs-border: var(--outline-variant);--docs-card: var(--surface-bright);--docs-muted: var(--slate-600);--docs-surface: var(--site-canvas);--docs-on-surface: var(--on-surface);--docs-accent: var(--primary);display:grid;gap:1.5rem}.docs-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}.docs-kicker,.docs-chip,.docs-label,.docs-meta dt,.docs-stat dt{color:var(--docs-muted);font-family:var(--font-sans)}.docs-main{display:grid;gap:1.75rem;margin-inline:auto;min-width:0;width:min(100%,84rem)}.docs-page-header{display:grid;gap:.75rem}.docs-anchor-bar{padding-block:.75rem;border-block:1px solid var(--docs-border)}.docs-anchor-pills{display:flex;flex-wrap:wrap;gap:.25rem .75rem}.docs-anchor-pill{display:inline-flex;align-items:center;min-height:40px;padding:6px 8px;border-radius:4px;font-size:.875rem;color:var(--slate-700)}.docs-anchor-pill:hover{background:var(--surface-dim)}.docs-anchor-disclosure{display:none}.docs-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.875rem;color:var(--docs-muted)}.docs-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.docs-kicker{font-size:.75rem;letter-spacing:.015em;line-height:1;margin:0;text-transform:none}.docs-page-header h1,.docs-section h2,.docs-section h3,.docs-section p,.docs-section dl,.docs-page-header p{margin:0}.docs-page-header h1{font-family:var(--font-sans);font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.docs-page-header h1 code{font-size:.95em;font-style:normal}.docs-summary{color:var(--slate-700);font-size:1.05rem;line-height:1.6;max-width:62ch}.docs-meta,.docs-stat-grid,.docs-card-grid,.docs-example-grid,.docs-link-grid,.docs-compare-grid,.docs-foundation-grid,.docs-feature-grid{display:grid;gap:1rem}.docs-meta{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.docs-meta div,.docs-stat,.docs-mini-card,.docs-example-card,.docs-link-card,.docs-foundation-card,.docs-feature-card,.docs-compare-card{background:var(--docs-card);border:1px solid var(--docs-border);border-radius:var(--radius);padding:.95rem}.docs-meta dt,.docs-stat dt{font-size:.8125rem;letter-spacing:0;text-transform:none}.docs-meta dd,.docs-stat dd{color:var(--docs-on-surface);font-weight:600;margin-top:.35rem}.docs-chip-row,.docs-filter-row,.docs-actions{display:flex;flex-wrap:wrap;gap:.6rem}.docs-section.featured .docs-actions{justify-content:flex-end}.docs-chip{background:color-mix(in oklch,var(--surface-bright) 92%,var(--docs-accent) 8%);border:1px solid rgba(148,163,184,.24);border-radius:999px;font-size:.75rem;line-height:1;padding:.45rem .7rem;text-decoration:none}.docs-section.featured .docs-filter-row{align-items:end}.docs-playground-meta{display:grid;gap:.85rem}.docs-section.featured .docs-playground-meta .docs-meta div{background:transparent}.docs-section.featured .docs-playground-meta .docs-chip-row{gap:.55rem}.docs-bullets,.docs-definition-list,.docs-inline-list,.docs-sidebar-list,.docs-anchor-list{display:grid;gap:.6rem;margin:0;padding:0}.docs-bullets{padding-left:1.1rem}.docs-section{display:grid;gap:1rem;scroll-margin-top:1.5rem;padding-block-start:1.5rem;border-block-start:1px solid var(--docs-border)}.docs-section.featured{gap:1.25rem}.docs-section-heading{display:grid;gap:.5rem}.docs-section.featured .docs-section-heading{gap:.65rem}.docs-section h2{font-size:1.2rem;line-height:1.25}.docs-section.featured h2{font-size:1.5rem;line-height:1.15}.docs-section-heading p,.docs-caption,.docs-note{color:var(--docs-muted);line-height:1.6;max-width:70ch}.docs-section.featured .docs-kicker{color:var(--docs-accent)}.docs-section.featured .docs-section-heading p{color:var(--slate-700);font-size:1rem;max-width:70ch}.docs-api-table{min-inline-size:0;max-inline-size:100%;overflow:auto}.docs-api-table table{border-collapse:collapse;inline-size:100%}.docs-api-table th,.docs-api-table td{border-bottom:1px solid rgba(148,163,184,.18);font-size:.92rem;padding:.85rem .75rem;text-align:left;vertical-align:top}.docs-api-table th{color:var(--slate-700);font-weight:700}.docs-label{font-size:.8125rem;letter-spacing:0;text-transform:none}.docs-example-card pre,.docs-copy pre{background:#0f172a;border-radius:.9rem;color:#e2e8f0;font-family:var(--font-mono, monospace);font-size:.82rem;line-height:1.6;margin:0;overflow:auto;padding:.9rem}.docs-copy{display:grid;gap:.75rem}.docs-copy-head{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.docs-button,.docs-filter-row input,.docs-filter-row select{background:var(--surface-bright);border:1px solid rgba(148,163,184,.28);border-radius:.85rem;color:var(--docs-on-surface);font:inherit;min-block-size:2.75rem;padding:.65rem .85rem}.docs-button{cursor:pointer}.docs-sidebar-list,.docs-anchor-list{list-style:none}.docs-link-card a,.docs-page-header a,.docs-section a{color:inherit;text-decoration:none}.docs-link-card strong,.docs-feature-card strong,.docs-example-card strong,.docs-foundation-card strong{display:block;line-height:1.35;margin-bottom:.35rem}.docs-feature-card{display:flex;flex-direction:column;gap:.85rem}.docs-feature-card :where(.featured-preview){margin-top:auto}.component-card{align-content:start;display:grid;gap:.7rem}.component-card .docs-chip-row{align-content:flex-start;align-items:flex-start;column-gap:.45rem;row-gap:.45rem}.component-card .docs-chip{font-size:.72rem;padding:.38rem .62rem;white-space:nowrap}.docs-compare-grid,.docs-card-grid,.docs-example-grid,.docs-link-grid,.docs-foundation-grid,.docs-feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.docs-section.compact{gap:.75rem}.docs-section.featured :where(.component-playground){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.docs-section.featured :where(.component-stage-surface){border-color:#94a3b833;box-shadow:none;min-height:15rem;padding:1.6rem}.docs-section.featured :where(.component-stage-header){gap:1.25rem}@media(max-width:900px){.docs-main{width:100%}}.docs-main :where(section,article,div,dl){min-width:0}.docs-main h3{font-size:1rem;line-height:1.4}.docs-main h4{font-size:.9375rem;line-height:1.4}.docs-meta div{background:transparent;border:0;border-radius:0;padding:0}.docs-api-table caption{color:var(--docs-muted);text-align:start;padding-block-end:12px}.docs-field{display:grid;gap:6px;min-width:0;flex:1 1 10rem}.docs-field input,.docs-field select{width:100%;min-width:0}.docs-field:has(input[type=search]){flex-basis:16rem}.docs-results-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.docs-empty-state{grid-column:1 / -1;padding-block:32px;display:grid;gap:8px}.component-card{position:relative;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.component-card:hover{border-color:var(--docs-accent);background:color-mix(in oklch,var(--docs-card) 98%,var(--docs-accent) 2%)}.docs-complexity{font-size:.75rem;color:var(--docs-muted)}@media(max-width:600px){.docs-page-header h1{font-size:1.75rem}.docs-breadcrumb a{display:inline-flex;align-items:center;min-block-size:44px}.docs-anchor-bar{padding-block:0}.docs-anchor-desktop{display:none}.docs-anchor-disclosure{display:block}.docs-anchor-disclosure summary{cursor:pointer;min-block-size:44px;padding-block:.75rem;color:var(--slate-700);font-size:.9375rem;font-weight:600}.docs-anchor-disclosure .docs-anchor-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .5rem;padding-block-end:.5rem}.docs-anchor-pill{min-height:44px}.docs-section.featured .component-playground.is-docs-playground .component-stage-surface{min-height:8rem;padding:.75rem}.docs-feature-grid,.docs-card-grid{grid-template-columns:1fr}.docs-caption,.docs-note,.docs-summary{font-size:.9375rem}}