.page-header.svelte-qtvljw{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.page-title.svelte-qtvljw{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-md);letter-spacing:var(--tracking-tight)}.page-description.svelte-qtvljw{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:700px;margin:0}.section.svelte-qtvljw{margin-bottom:var(--space-2xl)}.section-title.svelte-qtvljw{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.section-description.svelte-qtvljw{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.example-group.svelte-qtvljw{margin-bottom:var(--space-xl)}.example-title.svelte-qtvljw{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.example-description.svelte-qtvljw{font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-md)}.preview.svelte-qtvljw{padding:var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.preview-nav.svelte-qtvljw{padding:0;overflow:hidden}.preview-sidebar.svelte-qtvljw{padding:0;height:300px;overflow:hidden}.demo-nav.svelte-qtvljw{background:var(--color-bg-pure);border-bottom:1px solid var(--color-border-default)}.demo-nav-container.svelte-qtvljw{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.demo-nav-logo.svelte-qtvljw{font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-fg-primary);text-decoration:none}.demo-nav-logo-suffix.svelte-qtvljw{font-weight:var(--font-regular);color:var(--color-fg-tertiary)}.demo-nav-links.svelte-qtvljw{display:flex;align-items:center;gap:var(--space-lg)}.demo-nav-link.svelte-qtvljw{font-size:var(--text-body-sm);color:var(--color-fg-secondary);text-decoration:none;transition:color var(--duration-micro) var(--ease-standard)}.demo-nav-link.svelte-qtvljw:hover,.demo-nav-link.active.svelte-qtvljw{color:var(--color-fg-primary)}.demo-nav-cta.svelte-qtvljw{padding:var(--space-xs) var(--space-md);background:var(--color-fg-primary);color:var(--color-bg-pure);font-size:var(--text-body-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-decoration:none}.demo-user-menu.svelte-qtvljw{display:flex;align-items:center}.demo-user-avatar.svelte-qtvljw{width:32px;height:32px;background:var(--color-bg-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.demo-sidebar.svelte-qtvljw{width:100%;height:100%;background:var(--color-bg-elevated);border-right:1px solid var(--color-border-default);display:flex;flex-direction:column}.demo-sidebar-header.svelte-qtvljw{display:flex;flex-direction:column;padding:var(--space-md);border-bottom:1px solid var(--color-border-default)}.demo-sidebar-logo.svelte-qtvljw{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary)}.demo-sidebar-suffix.svelte-qtvljw{font-size:var(--text-caption);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.demo-sidebar-nav.svelte-qtvljw{flex:1;padding:var(--space-md);overflow-y:auto}.demo-nav-section.svelte-qtvljw{margin-bottom:var(--space-lg)}.demo-nav-section-title.svelte-qtvljw{font-size:var(--text-caption);font-weight:var(--font-semibold);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-xs);padding:0 var(--space-xs)}.demo-nav-list.svelte-qtvljw{list-style:none;margin:0;padding:0}.demo-sidebar-link.svelte-qtvljw{display:block;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--color-fg-secondary);font-size:var(--text-body-sm);text-decoration:none;transition:all var(--duration-micro) var(--ease-standard)}.demo-sidebar-link.svelte-qtvljw:hover{background:var(--color-hover);color:var(--color-fg-primary)}.demo-sidebar-link.active.svelte-qtvljw{background:var(--color-active);color:var(--color-fg-primary);font-weight:var(--font-medium)}.demo-breadcrumbs.svelte-qtvljw{font-size:var(--text-body-sm)}.demo-breadcrumbs-list.svelte-qtvljw{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);list-style:none;margin:0;padding:0}.demo-breadcrumbs-item.svelte-qtvljw{display:flex;align-items:center;gap:var(--space-xs)}.demo-breadcrumbs-link.svelte-qtvljw{color:var(--color-fg-muted);text-decoration:none;transition:color var(--duration-micro) var(--ease-standard);display:flex;align-items:center}.demo-breadcrumbs-link.svelte-qtvljw:hover{color:var(--color-fg-primary)}.demo-home-icon.svelte-qtvljw{width:16px;height:16px}.demo-breadcrumbs-current.svelte-qtvljw{color:var(--color-fg-primary);font-weight:var(--font-medium)}.demo-breadcrumbs-separator.svelte-qtvljw{color:var(--color-fg-subtle)}.demo-tabs.svelte-qtvljw{width:100%}.demo-tabs-list.svelte-qtvljw{display:flex;gap:2px;border-bottom:1px solid var(--color-border-default)}.demo-tab.svelte-qtvljw{position:relative;padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--color-fg-muted);font-size:var(--text-body);font-weight:var(--font-medium);cursor:pointer;transition:color var(--duration-micro) var(--ease-standard)}.demo-tab.svelte-qtvljw:hover,.demo-tab.active.svelte-qtvljw{color:var(--color-fg-primary)}.demo-tab.svelte-qtvljw:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;transition:background var(--duration-micro) var(--ease-standard)}.demo-tab.active.svelte-qtvljw:after{background:var(--color-fg-primary)}.demo-tab-panel.svelte-qtvljw{padding:var(--space-md) 0;color:var(--color-fg-secondary)}.demo-tabs-list-pills.svelte-qtvljw{display:flex;gap:var(--space-xs);background:var(--color-bg-subtle);padding:4px;border-radius:var(--radius-md);width:-moz-fit-content;width:fit-content}.demo-tab-pill.svelte-qtvljw{padding:var(--space-xs) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-fg-muted);font-size:var(--text-body);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-micro) var(--ease-standard)}.demo-tab-pill.svelte-qtvljw:hover{color:var(--color-fg-primary)}.demo-tab-pill.active.svelte-qtvljw{background:var(--color-bg-elevated);color:var(--color-fg-primary);box-shadow:var(--shadow-sm)}.demo-mobile-menu.svelte-qtvljw{display:flex;justify-content:center}.demo-menu-button.svelte-qtvljw{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-fg-primary);cursor:pointer;transition:all var(--duration-micro) var(--ease-standard)}.demo-menu-button.svelte-qtvljw:hover{background:var(--color-hover);border-color:var(--color-border-emphasis)}.demo-menu-icon.svelte-qtvljw{width:24px;height:24px}.motion-demo.svelte-qtvljw{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.motion-item.svelte-qtvljw{padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.motion-item.svelte-qtvljw h4:where(.svelte-qtvljw){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.motion-item.svelte-qtvljw code:where(.svelte-qtvljw){display:block;font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-secondary);background:var(--color-bg-subtle);padding:var(--space-xs);border-radius:var(--radius-sm);margin:var(--space-xs) 0;word-break:break-all}.motion-item.svelte-qtvljw p:where(.svelte-qtvljw){font-size:var(--text-body-sm);color:var(--color-fg-muted);margin:0}.accessibility-grid.svelte-qtvljw{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.a11y-item.svelte-qtvljw{padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.a11y-item.svelte-qtvljw h4:where(.svelte-qtvljw){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.a11y-item.svelte-qtvljw ul:where(.svelte-qtvljw){margin:0;padding-left:var(--space-md)}.a11y-item.svelte-qtvljw li:where(.svelte-qtvljw){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-xs)}.a11y-item.svelte-qtvljw li:where(.svelte-qtvljw):last-child{margin-bottom:0}.a11y-item.svelte-qtvljw code:where(.svelte-qtvljw){font-family:var(--font-mono);font-size:var(--text-caption);background:var(--color-bg-subtle);padding:2px 4px;border-radius:var(--radius-sm)}.token-table.svelte-qtvljw{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.token-row.svelte-qtvljw{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border-default)}.token-row.svelte-qtvljw:last-child{border-bottom:none}.token-row.svelte-qtvljw code:where(.svelte-qtvljw){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);font-weight:var(--font-medium)}.token-row.svelte-qtvljw span:where(.svelte-qtvljw){font-size:var(--text-body-sm);color:var(--color-fg-secondary)}@media(prefers-reduced-motion:reduce){.demo-nav-link.svelte-qtvljw,.demo-sidebar-link.svelte-qtvljw,.demo-breadcrumbs-link.svelte-qtvljw,.demo-tab.svelte-qtvljw,.demo-tab-pill.svelte-qtvljw,.demo-menu-button.svelte-qtvljw{transition:none}}