.builder.svelte-tfk1ng{gap:var(--dui-space-8);margin-block:var(--dui-space-8) var(--dui-space-12);grid-template-columns:15rem minmax(0,1fr);align-items:start;display:grid}.controls.svelte-tfk1ng{gap:var(--dui-space-6);display:grid;position:sticky;top:5rem}fieldset.svelte-tfk1ng{gap:var(--dui-space-4);border:0;margin:0;padding:0;display:grid}legend.svelte-tfk1ng{margin-bottom:var(--dui-space-3);font-size:var(--dui-text-sm);font-weight:var(--dui-font-weight-semibold);padding:0}.presets.svelte-tfk1ng{gap:var(--dui-space-2);flex-wrap:wrap;display:flex}.swatch.svelte-tfk1ng{align-items:center;gap:var(--dui-space-1-5);padding:var(--dui-space-1) var(--dui-space-2-5) var(--dui-space-1) var(--dui-space-1);border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-full);background:var(--dui-color-background);color:var(--dui-color-foreground);font:inherit;font-size:var(--dui-text-xs);cursor:pointer;display:inline-flex}.swatch.svelte-tfk1ng span:where(.svelte-tfk1ng){border-radius:var(--dui-radius-full);background:var(--swatch);width:1.125rem;height:1.125rem}.swatch.svelte-tfk1ng[aria-pressed=true]{border-color:var(--dui-color-foreground)}.swatch.svelte-tfk1ng:focus-visible{outline:2px solid var(--dui-color-ring);outline-offset:2px}.slider.svelte-tfk1ng{gap:var(--dui-space-2);font-size:var(--dui-text-sm);display:grid}.slider.svelte-tfk1ng span:where(.svelte-tfk1ng){justify-content:space-between;display:flex}.slider.svelte-tfk1ng output:where(.svelte-tfk1ng){color:var(--dui-color-muted-foreground);font-family:var(--dui-font-mono);font-size:var(--dui-text-xs)}.slider.svelte-tfk1ng input:where(.svelte-tfk1ng){width:100%;accent-color:var(--site-accent)}.previews.svelte-tfk1ng{gap:var(--dui-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.preview.svelte-tfk1ng{--dui-radius-sm:calc(var(--dui-radius) * .6);--dui-radius-md:calc(var(--dui-radius) * .8);--dui-radius-lg:var(--dui-radius);--dui-radius-xl:calc(var(--dui-radius) * 1.4);gap:var(--dui-space-4);padding:var(--dui-space-5);border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-xl);background:var(--dui-color-background);color:var(--dui-color-foreground);align-content:start;display:grid}.field.svelte-tfk1ng{gap:var(--dui-space-2);display:grid}.checks.svelte-tfk1ng{gap:var(--dui-space-3);margin-top:var(--dui-space-4);display:grid}.file.svelte-tfk1ng{margin:var(--dui-space-4) 0;border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-lg);overflow:hidden}.file.svelte-tfk1ng figcaption:where(.svelte-tfk1ng){padding:var(--dui-space-1) var(--dui-space-1) var(--dui-space-1) var(--dui-space-4);border-bottom:1px solid var(--dui-color-border);font-size:var(--dui-text-xs);justify-content:space-between;align-items:center;display:flex}.file.svelte-tfk1ng pre:where(.svelte-tfk1ng){max-height:24rem;padding:var(--dui-space-4);background:var(--dui-color-muted);font-family:var(--dui-font-mono);font-size:var(--dui-text-xs);tab-size:2;margin:0;line-height:1.6;overflow:auto}.next.svelte-tfk1ng{margin-top:var(--dui-space-8)}@media (width<=60rem){.builder.svelte-tfk1ng{grid-template-columns:minmax(0,1fr)}.controls.svelte-tfk1ng{position:static}}