.component-page.svelte-1ng0hp7{max-width:900px;margin:0 auto;padding:0 2rem 4rem}.back-link.svelte-1ng0hp7{display:inline-block;margin-top:2rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-meta);text-decoration:none;transition:color var(--motion-state)}.back-link.svelte-1ng0hp7:hover{color:var(--color-primary-main)}header.svelte-1ng0hp7{padding:1.5rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:3rem}header.svelte-1ng0hp7 h1:where(.svelte-1ng0hp7){font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.component-desc.svelte-1ng0hp7{color:var(--text-secondary);font-size:.95rem;margin:0}.demo-section.svelte-1ng0hp7{margin-bottom:var(--spacing-12)}.demo-section.svelte-1ng0hp7 h2:where(.svelte-1ng0hp7){font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-default)}.demo-section.svelte-1ng0hp7 h3:where(.svelte-1ng0hp7){font-size:var(--font-size-base);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--text-secondary)}.demo-area.svelte-1ng0hp7{padding:var(--spacing-6);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.demo-row.svelte-1ng0hp7{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.demo-stack.svelte-1ng0hp7{display:flex;flex-direction:column;gap:var(--spacing-3)}.demo-grid.svelte-1ng0hp7{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.placeholder.svelte-1ng0hp7{color:var(--text-muted);font-style:italic}.specs-panel.svelte-1ng0hp7{margin-top:var(--spacing-4);padding:var(--spacing-4);background:color-mix(in oklch,var(--palette-abbey-900) 80%,transparent);border-radius:var(--radius-md);font-family:var(--font-family-mono)}.specs-panel.svelte-1ng0hp7 h4:where(.svelte-1ng0hp7){font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-meta);margin-bottom:var(--spacing-2)}.token-list.svelte-1ng0hp7{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.token-list.svelte-1ng0hp7 li:where(.svelte-1ng0hp7){font-size:var(--font-size-xs);color:var(--code-color)}.props-section.svelte-1ng0hp7,.keyboard-section.svelte-1ng0hp7{margin-top:var(--spacing-8)}.props-section.svelte-1ng0hp7 h2:where(.svelte-1ng0hp7),.keyboard-section.svelte-1ng0hp7 h2:where(.svelte-1ng0hp7){font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-default)}.props-table-wrapper.svelte-1ng0hp7{overflow-x:auto}.props-table.svelte-1ng0hp7{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.props-table.svelte-1ng0hp7 th:where(.svelte-1ng0hp7){text-align:left;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-muted);color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.props-table.svelte-1ng0hp7 td:where(.svelte-1ng0hp7){padding:var(--spacing-2) var(--spacing-3);border-top:1px solid var(--border-default);color:var(--text-primary);vertical-align:top}.props-table.svelte-1ng0hp7 code:where(.svelte-1ng0hp7){font-size:var(--font-size-xs);background:var(--code-bg);padding:.125em .375em;border-radius:var(--radius-sm);color:var(--code-color)}kbd.svelte-1ng0hp7{display:inline-block;padding:.125em .5em;font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--border-default)}