.example-card.svelte-o6a3no{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;max-width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.example-header.svelte-o6a3no{display:flex;flex-direction:column;gap:var(--space-1)}.example-title.svelte-o6a3no{margin:0;font-size:var(--typography-body-size);font-weight:var(--font-semibold);color:var(--heading-h4)}.example-description.svelte-o6a3no{margin:0}.example-demo.svelte-o6a3no{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md)}.example-demo.centered.svelte-o6a3no{align-items:center}.example-demo.with-bg.svelte-o6a3no{background:var(--surface-secondary)}.example-code.svelte-o6a3no{font-family:var(--font-mono);font-size:var(--typography-caption-size);background:var(--surface-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--primary);display:block;white-space:pre-wrap;word-break:break-all}.example-code.centered.svelte-o6a3no{text-align:center}