.hero.svelte-tibptj{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border)}.hero-title.svelte-tibptj{font-size:1.5rem;font-weight:700;letter-spacing:.04em;margin-bottom:var(--spacing-sm)}.hero-title.svelte-tibptj i:where(.svelte-tibptj){color:var(--color-accent)}.hero-subtitle.svelte-tibptj{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;max-width:600px;margin-bottom:var(--spacing-lg)}.hero-subtitle.svelte-tibptj a:where(.svelte-tibptj){color:var(--color-link)}.build-version.svelte-tibptj{font-size:.65rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.02em;opacity:.6}.hero-stats.svelte-tibptj{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat.svelte-tibptj{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-bg-alt);box-shadow:2px 2px 0 var(--color-shadow)}.stat.svelte-tibptj i:where(.svelte-tibptj){color:var(--color-accent);font-size:.85rem}.hero-screenshots.svelte-tibptj{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);align-items:start}.screenshot.svelte-tibptj{border:1px solid var(--color-border);background:var(--color-bg-alt);padding:var(--spacing-sm)}.screenshot.svelte-tibptj img:where(.svelte-tibptj){max-width:100%;height:auto;display:block}.screenshot.svelte-tibptj figcaption:where(.svelte-tibptj){font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--spacing-xs);text-align:center}@media(max-width:768px){.hero-screenshots.svelte-tibptj{grid-template-columns:1fr}}.badge.svelte-dtbgkf{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:.15rem .45rem;border:1px solid;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge.svelte-dtbgkf i:where(.svelte-dtbgkf){font-size:.6rem}.props-section.svelte-mzz85u{margin-top:var(--spacing-md)}.props-heading.svelte-mzz85u{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.props-heading.svelte-mzz85u i:where(.svelte-mzz85u){font-size:.7rem}.props-table-wrapper.svelte-mzz85u{overflow-x:auto}.props-table.svelte-mzz85u{width:100%;border-collapse:collapse;font-size:.8rem}.props-table.svelte-mzz85u th:where(.svelte-mzz85u){text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:2px solid var(--color-border-dark);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.props-table.svelte-mzz85u td:where(.svelte-mzz85u){padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-light);vertical-align:top}.props-table.svelte-mzz85u code:where(.svelte-mzz85u){font-size:.75rem;color:var(--color-accent)}.code-block.svelte-1e06m8e{background:var(--color-bg-alt);border:1px solid var(--color-border);font-size:.8rem;overflow-x:auto;margin-top:var(--spacing-md)}.code-header.svelte-1e06m8e{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.code-lang.svelte-1e06m8e{font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.copy-btn.svelte-1e06m8e{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.65rem;padding:.15rem .4rem;cursor:pointer;display:flex;align-items:center;gap:4px}.copy-btn.svelte-1e06m8e:hover{color:var(--color-text);border-color:var(--color-border-dark)}pre.svelte-1e06m8e{padding:var(--spacing-sm) var(--spacing-md);white-space:pre-wrap;word-break:break-word;margin:0}code.svelte-1e06m8e{font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.component-card.svelte-2nqj9l{border:1px solid var(--color-border);background:var(--color-bg-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:2px 2px 0 var(--color-shadow);scroll-margin-top:calc(var(--header-height) + var(--spacing-md))}.card-header.svelte-2nqj9l{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.card-title.svelte-2nqj9l{display:flex;align-items:center;gap:var(--spacing-sm)}.card-title.svelte-2nqj9l i:where(.svelte-2nqj9l){font-size:1.1rem;color:var(--color-accent)}.card-title.svelte-2nqj9l h3:where(.svelte-2nqj9l){font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.tag-name.svelte-2nqj9l{font-size:.75rem;color:var(--color-text-muted)}.card-description.svelte-2nqj9l{font-size:.85rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-md)}.demo-container.svelte-1hysy1a{margin-top:var(--spacing-md)}.demo-label.svelte-1hysy1a{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.demo-label.svelte-1hysy1a i:where(.svelte-1hysy1a){font-size:.7rem}.demo-reset.svelte-1hysy1a{margin-left:auto;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-muted);padding:.2rem .5rem;cursor:pointer;font-size:.7rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.3rem}.demo-reset.svelte-1hysy1a:hover{color:var(--color-text);background:var(--color-hover-bg)}.demo-theme-toggle.svelte-1hysy1a{background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-muted);padding:.2rem .5rem;cursor:pointer;font-size:.7rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.3rem}.demo-theme-toggle.svelte-1hysy1a:hover{color:var(--color-text);background:var(--color-hover-bg)}.demo-area.svelte-1hysy1a{position:relative;min-height:200px;border:1px solid var(--color-border);background:var(--color-bg-alt);padding:var(--spacing-md);overflow:hidden}.fa-card.svelte-1fqxjmx{border:1px solid var(--color-border);background:var(--color-bg-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:2px 2px 0 var(--color-shadow)}.card-header.svelte-1fqxjmx{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.card-title.svelte-1fqxjmx{display:flex;align-items:center;gap:var(--spacing-sm)}.card-title.svelte-1fqxjmx i:where(.svelte-1fqxjmx){font-size:1.1rem;color:var(--color-accent)}.card-title.svelte-1fqxjmx h3:where(.svelte-1fqxjmx){font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.tag-name.svelte-1fqxjmx{font-size:.75rem;color:var(--color-text-muted)}.fa-badge.svelte-1fqxjmx{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border:1px solid;color:#732eb8;background:#732eb826;border-color:#732eb8}.card-description.svelte-1fqxjmx{font-size:.85rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-md)}.card-description.svelte-1fqxjmx a:where(.svelte-1fqxjmx){color:var(--color-link)}.fa-tabs.svelte-1fqxjmx{display:flex;gap:0;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.fa-tab.svelte-1fqxjmx{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-muted);cursor:pointer}.fa-tab.svelte-1fqxjmx:hover{color:var(--color-text);background:var(--color-bg-alt)}.fa-tab.active.svelte-1fqxjmx{color:var(--color-accent);border-bottom-color:var(--color-accent)}.fa-tab.svelte-1fqxjmx i:where(.svelte-1fqxjmx){font-size:.85rem}.fa-search.svelte-1fqxjmx{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-alt);padding:.4rem .6rem}.fa-search.svelte-1fqxjmx i:where(.svelte-1fqxjmx){color:var(--color-text-muted);font-size:.85rem}.fa-search.svelte-1fqxjmx input:where(.svelte-1fqxjmx){flex:1;border:none;background:none;font-size:.8rem;font-family:var(--font-mono);color:var(--color-text);outline:none}.fa-search.svelte-1fqxjmx input:where(.svelte-1fqxjmx)::placeholder{color:var(--color-text-muted)}.fa-icon-grid.svelte-1fqxjmx{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:2px;max-height:480px;overflow-y:auto;margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.fa-icon-cell.svelte-1fqxjmx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px;background:var(--color-bg-alt);cursor:pointer;border:none;font-family:var(--font-mono)}.fa-icon-cell.svelte-1fqxjmx:hover{background:var(--color-hover-bg, var(--color-bg-secondary))}.fa-icon-cell.svelte-1fqxjmx i:where(.svelte-1fqxjmx){font-size:1.2rem;color:var(--color-text)}.fa-icon-cell.svelte-1fqxjmx span:where(.svelte-1fqxjmx){font-size:.5rem;color:var(--color-text-muted);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fa-empty.svelte-1fqxjmx{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:.85rem}.fa-footer.svelte-1fqxjmx{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--spacing-md)}.fa-usage-label.svelte-1fqxjmx{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.fa-code-example.svelte-1fqxjmx{display:inline-block;font-size:.8rem;background:var(--color-bg-alt);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm)}.fa-explorer-link.svelte-1fqxjmx{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;font-weight:600;color:var(--color-accent);border:1px solid var(--color-accent);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;box-shadow:2px 2px 0 var(--color-shadow)}.fa-explorer-link.svelte-1fqxjmx:hover{background:var(--color-accent);color:var(--color-bg);text-decoration:none}.detail-overlay.svelte-1fqxjmx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.detail-backdrop.svelte-1fqxjmx{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;border:none;cursor:default}.detail-panel.svelte-1fqxjmx{position:relative;width:520px;max-width:92vw;max-height:85vh;background:var(--color-bg-secondary);border:2px solid var(--color-border-dark);overflow-y:auto;z-index:1}.detail-header.svelte-1fqxjmx{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.detail-icon-name.svelte-1fqxjmx{font-size:1.1rem;font-weight:700}.detail-icon-label.svelte-1fqxjmx{font-size:.8rem;color:var(--color-text-muted)}.detail-close.svelte-1fqxjmx{font-family:var(--font-mono);font-size:16px;border:1px solid var(--color-border);border-radius:0;background:var(--color-bg-secondary);cursor:pointer;padding:4px 8px;color:var(--color-text)}.detail-close.svelte-1fqxjmx:hover{background:var(--color-hover-bg)}.detail-preview.svelte-1fqxjmx{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.detail-preview.svelte-1fqxjmx h4:where(.svelte-1fqxjmx),.detail-body.svelte-1fqxjmx h4:where(.svelte-1fqxjmx){font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.style-strip.svelte-1fqxjmx{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between}.style-strip-item.svelte-1fqxjmx{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1 1 0;min-width:0}.style-strip-item.svelte-1fqxjmx i:where(.svelte-1fqxjmx){font-size:2.5rem;color:var(--color-accent)}.style-strip-label.svelte-1fqxjmx{font-size:.6rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.02em;font-weight:600}.detail-body.svelte-1fqxjmx{padding:var(--spacing-lg)}.detail-snippet.svelte-1fqxjmx{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-alt);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm)}.detail-snippet.svelte-1fqxjmx code:where(.svelte-1fqxjmx){flex:1;font-size:.8rem;word-break:break-all}.detail-copy.svelte-1fqxjmx{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer;white-space:nowrap}.detail-copy.svelte-1fqxjmx:hover{background:var(--color-accent);color:var(--color-bg)}.sparkline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.spark-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;letter-spacing:.03em}.haptic-note.svelte-1uha8ag{margin-top:12px;padding:10px 14px;font-size:.75rem;line-height:1.5;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.haptic-note.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--color-text)}.haptic-note.svelte-1uha8ag code:where(.svelte-1uha8ag){font-size:.7rem;padding:1px 4px;background:var(--color-bg);border-radius:2px}.haptic-note.svelte-1uha8ag em:where(.svelte-1uha8ag){display:block;margin-top:6px;color:var(--color-text-muted)}@media(max-width:768px){.sparkline-grid{grid-template-columns:repeat(2,1fr);gap:0}.sparkline-grid>div{padding:8px;border-bottom:1px solid var(--color-border)}.sparkline-grid>div:nth-child(odd){border-right:1px solid var(--color-border)}.sparkline-grid>div:nth-last-child(1),.sparkline-grid>div:nth-last-child(2):nth-child(odd){border-bottom:none}.sparkline-grid>div:nth-last-child(1):nth-child(2n){border-bottom:none}}