.example.svelte-1wm9q2d{border:1px solid var(--color-grid);border-radius:4px;margin:24px 0}.example-title.svelte-1wm9q2d{font-size:1rem;font-weight:600;padding:16px 20px;margin:0;border-bottom:1px solid var(--color-grid);background:#fafafa}.example-description.svelte-1wm9q2d{font-size:.9rem;color:#666;padding:12px 20px;margin:0;border-bottom:1px solid var(--color-grid)}.example-preview.svelte-1wm9q2d{padding:32px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;min-height:80px;background:#fff}.example-code.svelte-1wm9q2d{border-top:1px solid var(--color-grid)}.toggle-code.svelte-1wm9q2d{display:flex;align-items:center;gap:8px;width:100%;padding:12px 20px;background:#fafafa;border:none;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:#666;cursor:pointer;text-align:left;transition:background .15s ease}.toggle-code.svelte-1wm9q2d:hover{background:#f0f0f0}.toggle-code.svelte-1wm9q2d svg:where(.svelte-1wm9q2d){transition:transform .15s ease}.toggle-code.svelte-1wm9q2d svg.rotated:where(.svelte-1wm9q2d){transform:rotate(180deg)}.example-code.svelte-1wm9q2d .code-block{margin:0;border-radius:0}