.page-header.svelte-1bprpgm{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.page-title.svelte-1bprpgm{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-1bprpgm{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:700px;margin:0}.section.svelte-1bprpgm{margin-bottom:var(--space-2xl)}.section-title.svelte-1bprpgm{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.section-description.svelte-1bprpgm{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.example-group.svelte-1bprpgm{margin-bottom:var(--space-xl)}.example-title.svelte-1bprpgm{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.example-description.svelte-1bprpgm{font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-md)}.preview.svelte-1bprpgm{display:flex;gap:var(--space-md);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)}.btn.svelte-1bprpgm{padding:var(--space-sm) var(--space-lg);font-size:var(--text-body);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-micro) var(--ease-standard)}.btn.svelte-1bprpgm:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-1bprpgm{background:var(--color-fg-primary);color:var(--color-bg-pure);border:none}.btn-primary.svelte-1bprpgm:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary.svelte-1bprpgm:active:not(:disabled){transform:translateY(0)}.btn-secondary.svelte-1bprpgm{background:transparent;color:var(--color-fg-primary);border:1px solid var(--color-border-default)}.btn-secondary.svelte-1bprpgm:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-border-emphasis)}.btn-secondary.svelte-1bprpgm:active:not(:disabled){background:var(--color-active)}.btn-ghost.svelte-1bprpgm{background:transparent;color:var(--color-fg-secondary);border:none}.btn-ghost.svelte-1bprpgm:hover:not(:disabled){background:var(--color-hover);color:var(--color-fg-primary)}.btn-ghost.svelte-1bprpgm:active:not(:disabled){background:var(--color-active)}.motion-demo.svelte-1bprpgm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.motion-item.svelte-1bprpgm{padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.motion-item.svelte-1bprpgm h4:where(.svelte-1bprpgm){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.motion-item.svelte-1bprpgm code:where(.svelte-1bprpgm){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}.motion-item.svelte-1bprpgm p:where(.svelte-1bprpgm){font-size:var(--text-body-sm);color:var(--color-fg-muted);margin:0}.token-table.svelte-1bprpgm{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.token-row.svelte-1bprpgm{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-1bprpgm:last-child{border-bottom:none}.token-row.svelte-1bprpgm code:where(.svelte-1bprpgm){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);font-weight:var(--font-medium)}.token-row.svelte-1bprpgm span:where(.svelte-1bprpgm){font-size:var(--text-body-sm);color:var(--color-fg-secondary)}@media(prefers-reduced-motion:reduce){.btn.svelte-1bprpgm{transition:none;transform:none!important}}