.page-header.svelte-96w0d{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.page-title.svelte-96w0d{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-96w0d{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:700px;margin:0}.section.svelte-96w0d{margin-bottom:var(--space-2xl)}.section-title.svelte-96w0d{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.section-description.svelte-96w0d{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.section-description.svelte-96w0d code:where(.svelte-96w0d){font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.problem-grid.svelte-96w0d{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.problem-item.svelte-96w0d{padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.problem-item.svelte-96w0d h3:where(.svelte-96w0d){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.problem-item.svelte-96w0d p:where(.svelte-96w0d){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0}.example-group.svelte-96w0d{margin-bottom:var(--space-xl)}.example-title.svelte-96w0d{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.example-description.svelte-96w0d{font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-md)}.preview.svelte-96w0d{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-overlay.svelte-96w0d{position:relative;min-height:200px;overflow:hidden}.demo-skeleton.svelte-96w0d{background:var(--color-bg-subtle);animation:svelte-96w0d-pulse 1.5s ease-in-out infinite}@keyframes svelte-96w0d-pulse{0%,to{opacity:1}50%{opacity:.5}}.demo-skeleton-text.svelte-96w0d{height:1em;border-radius:var(--radius-sm)}.demo-skeleton-text-group.svelte-96w0d{display:flex;flex-direction:column;gap:var(--space-xs);max-width:400px}.demo-skeleton-rectangular.svelte-96w0d{width:100%;height:160px;border-radius:0}.demo-skeleton-circular.svelte-96w0d{width:40px;height:40px;border-radius:var(--radius-full)}.demo-skeleton-sm.svelte-96w0d{width:32px;height:32px}.demo-skeleton-lg.svelte-96w0d{width:56px;height:56px}.demo-card-skeleton.svelte-96w0d{max-width:300px;background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden}.demo-card-skeleton-content.svelte-96w0d{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.demo-avatar-skeleton-row.svelte-96w0d{display:flex;align-items:center;gap:var(--space-md)}.demo-list-skeleton.svelte-96w0d{display:flex;flex-direction:column;gap:var(--space-md);max-width:400px}.demo-list-item-skeleton.svelte-96w0d{display:flex;align-items:center;gap:var(--space-md)}.demo-list-item-text.svelte-96w0d{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.demo-spinner.svelte-96w0d{border-radius:var(--radius-full);border-style:solid;border-color:var(--color-border-default);border-top-color:var(--color-fg-primary);animation:svelte-96w0d-spin .8s linear infinite}@keyframes svelte-96w0d-spin{to{transform:rotate(360deg)}}.demo-spinner-sm.svelte-96w0d{width:16px;height:16px;border-width:2px}.demo-spinner-md.svelte-96w0d{width:24px;height:24px;border-width:2px}.demo-spinner-lg.svelte-96w0d{width:32px;height:32px;border-width:3px}.demo-spinner-xl.svelte-96w0d{width:48px;height:48px;border-width:4px}.demo-spinner-btn.svelte-96w0d{width:16px;height:16px;border-width:2px;border-color:#0003;border-top-color:var(--color-bg-pure)}.demo-spinner-row.svelte-96w0d{display:flex;align-items:center;gap:var(--space-xl)}.demo-spinner-item.svelte-96w0d{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.demo-spinner-item.svelte-96w0d span:where(.svelte-96w0d){font-size:var(--text-caption);color:var(--color-fg-muted)}.demo-spinner-centered.svelte-96w0d{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:150px}.demo-button-row.svelte-96w0d{display:flex;gap:var(--space-md);align-items:center}.demo-btn.svelte-96w0d{padding:var(--space-sm) var(--space-lg);font-size:var(--text-body);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;border:none;display:flex;align-items:center;gap:var(--space-xs)}.demo-btn-primary.svelte-96w0d{background:var(--color-fg-primary);color:var(--color-bg-pure)}.demo-btn-loading.svelte-96w0d{opacity:.8;cursor:not-allowed}.demo-progress-group.svelte-96w0d{max-width:400px}.demo-progress-item.svelte-96w0d{display:flex;flex-direction:column;gap:var(--space-xs)}.demo-progress-header.svelte-96w0d{display:flex;justify-content:space-between;font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.demo-progress-bar.svelte-96w0d{height:8px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden}.demo-progress-fill.svelte-96w0d{height:100%;background:var(--color-fg-primary);border-radius:var(--radius-full);transition:width var(--duration-standard) var(--ease-standard)}.demo-progress-indeterminate.svelte-96w0d{position:relative}.demo-progress-fill-indeterminate.svelte-96w0d{position:absolute;height:100%;width:30%;background:var(--color-fg-primary);border-radius:var(--radius-full);animation:svelte-96w0d-indeterminate 1.5s ease-in-out infinite}@keyframes svelte-96w0d-indeterminate{0%{left:-30%}to{left:100%}}.demo-step-progress.svelte-96w0d{max-width:300px}.demo-step-progress-bar.svelte-96w0d{height:4px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.demo-step-progress-fill.svelte-96w0d{height:100%;background:var(--color-fg-primary);border-radius:var(--radius-full)}.demo-step-progress-label.svelte-96w0d{font-size:var(--text-caption);color:var(--color-fg-muted);text-align:center}.demo-page-content.svelte-96w0d{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.demo-page-content.svelte-96w0d p:where(.svelte-96w0d){color:var(--color-fg-secondary);margin:0}.demo-overlay.svelte-96w0d{position:absolute;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.demo-overlay-content.svelte-96w0d{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.demo-overlay-content.svelte-96w0d p:where(.svelte-96w0d){color:var(--color-fg-primary);font-size:var(--text-body-sm);margin:0}.demo-section-with-overlay.svelte-96w0d{position:relative;padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-md);min-height:100px}.demo-section-content.svelte-96w0d{display:flex;flex-direction:column;gap:var(--space-xs)}.demo-section-overlay.svelte-96w0d{position:absolute;inset:0;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.choice-grid.svelte-96w0d{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.choice-item.svelte-96w0d{padding:var(--space-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.choice-item.svelte-96w0d h3:where(.svelte-96w0d){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.choice-when.svelte-96w0d{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)}.choice-item.svelte-96w0d ul:where(.svelte-96w0d){margin:0 0 var(--space-sm) 0;padding-left:var(--space-md)}.choice-item.svelte-96w0d li:where(.svelte-96w0d){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-xs)}.choice-why.svelte-96w0d{font-size:var(--text-body-sm);color:var(--color-fg-muted);font-style:italic;margin:0;padding-top:var(--space-sm);border-top:1px solid var(--color-border-default)}.token-table.svelte-96w0d{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.token-row.svelte-96w0d{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-96w0d:last-child{border-bottom:none}.token-row.svelte-96w0d code:where(.svelte-96w0d){font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);font-weight:var(--font-medium)}.token-row.svelte-96w0d span:where(.svelte-96w0d){font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.anti-patterns.svelte-96w0d{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.anti-pattern.svelte-96w0d{padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-error-border);border-radius:var(--radius-lg)}.anti-pattern.svelte-96w0d h4:where(.svelte-96w0d){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-error);margin-bottom:var(--space-xs)}.anti-pattern.svelte-96w0d p:where(.svelte-96w0d){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0}@media(prefers-reduced-motion:reduce){.demo-skeleton.svelte-96w0d{animation:none;opacity:.7}.demo-spinner.svelte-96w0d{animation:none}.demo-progress-fill-indeterminate.svelte-96w0d{animation:none;left:35%}}