.style-guide-preview.svelte-1f5cetx{display:grid;gap:var(--s0);width:100%}.preview-picker.svelte-1f5cetx{display:flex;align-items:center;gap:var(--s-2);justify-self:end;font-size:var(--text-s-1)}.preview-picker.svelte-1f5cetx select:where(.svelte-1f5cetx){border:1px solid color-mix(in oklch,currentColor 20%,transparent);border-radius:var(--s-3);background:var(--bg);padding:var(--s-3) var(--s-2);color:inherit}.color-grid.svelte-1f5cetx,.card-grid.svelte-1f5cetx{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--s1)}.color-group.svelte-1f5cetx,.form-preview.svelte-1f5cetx{display:grid;align-content:start;gap:var(--s-1)}.color-group.svelte-1f5cetx h3:where(.svelte-1f5cetx),.card.svelte-1f5cetx h3:where(.svelte-1f5cetx),.card.svelte-1f5cetx p:where(.svelte-1f5cetx){margin:0}.color-row.svelte-1f5cetx{display:flex;align-items:center;gap:var(--s-2)}.swatch.svelte-1f5cetx{display:block;width:2rem;aspect-ratio:1;border-radius:999px;box-shadow:var(--shadow-sm)}.button-grid.svelte-1f5cetx{display:flex;flex-wrap:wrap;gap:var(--s-1)}.form-preview.svelte-1f5cetx{max-width:32rem}