.page-header.svelte-zo66e0{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.page-title.svelte-zo66e0{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-zo66e0{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:700px;margin:0}.section.svelte-zo66e0{margin-bottom:var(--space-2xl)}.section-title.svelte-zo66e0{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.section-description.svelte-zo66e0{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.section-description.svelte-zo66e0 code:where(.svelte-zo66e0){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.example-group.svelte-zo66e0{margin-bottom:var(--space-xl)}.example-title.svelte-zo66e0{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.example-description.svelte-zo66e0{font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-md)}.preview.svelte-zo66e0{display:flex;justify-content:center;align-items:center;padding:var(--space-2xl);background:var(--color-bg-pure);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-md);min-height:200px}.card.svelte-zo66e0{padding:var(--space-lg);max-width:400px;width:100%}.card-title.svelte-zo66e0{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.card-body.svelte-zo66e0{font-size:var(--text-body-sm);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);margin:0}.card-body.svelte-zo66e0 code:where(.svelte-zo66e0){font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-primary);background:var(--color-bg-elevated);padding:2px 4px;border-radius:var(--radius-sm)}.card-subtle.svelte-zo66e0{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-medium.svelte-zo66e0{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-large.svelte-zo66e0{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.card-interactive.svelte-zo66e0{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--duration-micro) var(--ease-standard);cursor:pointer;text-align:left}.card-interactive.svelte-zo66e0:hover{border-color:var(--color-border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-interactive.svelte-zo66e0:active{transform:translateY(0)}.radius-demo.svelte-zo66e0{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.radius-example.svelte-zo66e0{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.radius-box.svelte-zo66e0{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default)}.radius-box.svelte-zo66e0 span:where(.svelte-zo66e0){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-muted)}.radius-sm.svelte-zo66e0{border-radius:var(--radius-sm)}.radius-md.svelte-zo66e0{border-radius:var(--radius-md)}.radius-lg.svelte-zo66e0{border-radius:var(--radius-lg)}.radius-xl.svelte-zo66e0{border-radius:var(--radius-xl)}.radius-example.svelte-zo66e0 code:where(.svelte-zo66e0){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);font-weight:var(--font-medium)}.radius-example.svelte-zo66e0 span:where(.svelte-zo66e0){font-size:var(--text-caption);color:var(--color-fg-muted)}.token-table.svelte-zo66e0{display:grid;gap:var(--space-lg)}.token-section.svelte-zo66e0{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-md)}.token-section.svelte-zo66e0 h4:where(.svelte-zo66e0){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.token-row.svelte-zo66e0{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-default)}.token-row.svelte-zo66e0:last-child{border-bottom:none}.token-row.svelte-zo66e0 code:where(.svelte-zo66e0){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);font-weight:var(--font-medium)}.token-row.svelte-zo66e0 span:where(.svelte-zo66e0){font-size:var(--text-body-sm);color:var(--color-fg-secondary)}@media(prefers-reduced-motion:reduce){.card-interactive.svelte-zo66e0{transition:none;transform:none!important}}