.component-demo[data-astro-cid-b7x3xoiy]{display:flex;flex-direction:column;gap:12px;margin:16px 0 28px}.pills[data-astro-cid-b7x3xoiy]{display:flex;flex-wrap:wrap;gap:6px}.variant-pill[data-astro-cid-b7x3xoiy]{background:var(--surface);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 12px;font-family:var(--font-mono);font-size:var(--fs-label);cursor:pointer;transition:all var(--dur-spring-soft) var(--spring-soft)}.variant-pill[data-astro-cid-b7x3xoiy]:hover{color:var(--text);border-color:var(--accent-text)}.variant-pill[data-astro-cid-b7x3xoiy][aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}.frame[data-astro-cid-b7x3xoiy]{border-radius:var(--radius-device);background:var(--accent-grad);padding:16px;box-shadow:0 10px 32px #00000059}.frame[data-astro-cid-b7x3xoiy] iframe[data-astro-cid-b7x3xoiy]{width:100%;height:520px;border:0;border-radius:var(--radius-card);background:#fff}@media (max-width: 720px){.frame[data-astro-cid-b7x3xoiy] iframe[data-astro-cid-b7x3xoiy]{height:420px}}.variants[data-astro-cid-f5kdu2ni]{margin:24px 0}h2[data-astro-cid-f5kdu2ni]{font-size:var(--fs-h2);margin:0 0 12px}table[data-astro-cid-f5kdu2ni]{width:100%;border-collapse:collapse}th[data-astro-cid-f5kdu2ni],td[data-astro-cid-f5kdu2ni]{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);font-size:var(--fs-small);color:var(--text-dim);vertical-align:top}th[data-astro-cid-f5kdu2ni]{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}td[data-astro-cid-f5kdu2ni] code[data-astro-cid-f5kdu2ni]{font-family:var(--font-mono);color:var(--accent-text)}.states[data-astro-cid-itygyrks]{margin:24px 0}h2[data-astro-cid-itygyrks]{font-size:var(--fs-h2);margin:0 0 12px}dl[data-astro-cid-itygyrks]{display:grid;grid-template-columns:160px 1fr;gap:6px 20px;margin:0}dt[data-astro-cid-itygyrks]{font-family:var(--font-mono);color:var(--accent-text);font-size:var(--fs-small)}dd[data-astro-cid-itygyrks]{color:var(--text-dim);font-size:var(--fs-small);margin:0}.tokens[data-astro-cid-fg7zwmrz]{margin:24px 0}h2[data-astro-cid-fg7zwmrz]{font-size:var(--fs-h2);margin:0 0 12px}.tokens-list[data-astro-cid-fg7zwmrz]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.tokens-list[data-astro-cid-fg7zwmrz] li[data-astro-cid-fg7zwmrz]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-chip)}.tokens-list[data-astro-cid-fg7zwmrz] code[data-astro-cid-fg7zwmrz]{font-family:var(--font-mono);color:var(--text);font-size:12px}.val[data-astro-cid-fg7zwmrz]{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.chip[data-astro-cid-fg7zwmrz]{width:18px;height:18px;border-radius:4px;border:1px solid var(--border)}.miss[data-astro-cid-fg7zwmrz]{color:var(--danger-text);font-family:var(--font-mono);font-size:11px}.crumb[data-astro-cid-rijok755]{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-dim);margin:24px 0 6px}.crumb[data-astro-cid-rijok755] a[data-astro-cid-rijok755]{color:var(--text-dim)}.crumb[data-astro-cid-rijok755] a[data-astro-cid-rijok755]:hover{color:var(--accent)}.crumb[data-astro-cid-rijok755] .cur[data-astro-cid-rijok755]{color:var(--text)}.head[data-astro-cid-rijok755]{margin:6px 0 24px}.title-row[data-astro-cid-rijok755]{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}h1[data-astro-cid-rijok755]{font-size:var(--fs-h1);letter-spacing:var(--ls-h1);margin:6px 0}.meta[data-astro-cid-rijok755]{display:flex;gap:8px}.status[data-astro-cid-rijok755]{font-family:var(--font-mono);font-size:var(--fs-label);padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-chip);color:var(--text-dim)}.status[data-astro-cid-rijok755].stable{color:var(--ok-text);border-color:color-mix(in srgb,var(--ok-text) 40%,transparent)}.status[data-astro-cid-rijok755].draft{color:var(--warn-text);border-color:color-mix(in srgb,var(--warn-text) 40%,transparent)}.cat[data-astro-cid-rijok755]{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.figma[data-astro-cid-rijok755]{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--accent-text);text-decoration:underline;display:inline-block;margin-top:6px}.prose[data-astro-cid-rijok755]{color:var(--text-dim);max-width:68ch;line-height:var(--lh-body);margin:24px 0}.prose[data-astro-cid-rijok755] h2,.prose[data-astro-cid-rijok755] h3{color:var(--text);margin:1.4em 0 .5em}.prose[data-astro-cid-rijok755] p{margin:.8em 0;max-width:68ch}.prose[data-astro-cid-rijok755] code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-hover);border:1px solid var(--border);padding:1px 5px;border-radius:4px;color:var(--text)}