.component-demo.svelte-3whxwb{margin:0 auto}.demo-header.svelte-3whxwb{margin-bottom:var(--space-8);max-width:var(--wide-width);margin-left:auto;margin-right:auto;padding:0 var(--space-6)}.title-row.svelte-3whxwb{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}h2.svelte-3whxwb{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;margin:0}.weight-badge.svelte-3whxwb{background:color-mix(in srgb,var(--badge-color) 12%,transparent);border-radius:var(--radius-full);color:var(--badge-color);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);white-space:nowrap}.one-liner.svelte-3whxwb{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.demo-sandbox.svelte-3whxwb{margin-bottom:var(--space-8)}.demo-docs.svelte-3whxwb{color:var(--text-primary);max-width:var(--wide-width);margin-left:auto;margin-right:auto;padding:0 var(--space-6)}.demo-docs.svelte-3whxwb section:where(.svelte-3whxwb){margin-bottom:var(--space-6)}h3.svelte-3whxwb{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2)}ul.svelte-3whxwb{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0;padding-left:var(--space-6)}li.svelte-3whxwb{margin-bottom:var(--space-1)}.example-block.svelte-f4rc4o{margin-bottom:var(--space-10)}.example-header.svelte-f4rc4o{border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06));max-width:var(--wide-width);margin:0 auto;padding:var(--space-3) var(--space-6)}h4.svelte-f4rc4o{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;margin:0}.example-description.svelte-f4rc4o{color:var(--text-muted);font-size:var(--text-xs);margin:var(--space-1) 0 0}.example-content.svelte-f4rc4o{padding:0}.example-error.svelte-f4rc4o{border:2px solid var(--color-accent-alert, #ef4444);border-radius:var(--radius-md);padding:var(--space-4)}.error-title.svelte-f4rc4o{color:var(--color-accent-alert, #ef4444);font-weight:600;margin:0 0 var(--space-2)}.error-message.svelte-f4rc4o{background:#00000008;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);margin:0 0 var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-3);white-space:pre-wrap}.error-retry.svelte-f4rc4o{background:none;border:1px solid var(--color-accent-alert, #ef4444);border-radius:var(--radius-sm);color:var(--color-accent-alert, #ef4444);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}