.designer.svelte-t76krv{grid-template-columns:auto 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.designer__preview.svelte-t76krv{background:var(--c-sash,#f6efe2);border-radius:var(--radius);justify-items:center;gap:.75rem;padding:1.25rem;display:grid}.designer__name.svelte-t76krv{font-family:var(--f-display);font-weight:700}.designer__controls.svelte-t76krv{gap:1.25rem;display:grid}fieldset.svelte-t76krv{border:0;gap:.6rem;padding:0;display:grid}legend.svelte-t76krv{font-family:var(--f-display);margin-bottom:.4rem;font-weight:650}.swatches.svelte-t76krv,.icons.svelte-t76krv{flex-wrap:wrap;gap:.45rem;display:flex}.swatch.svelte-t76krv{border-radius:var(--radius);background:var(--s);width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 25%, transparent);cursor:pointer;transition:translate .25s cubic-bezier(.16,1,.3,1)}.swatch.svelte-t76krv input:where(.svelte-t76krv),.icon-pick.svelte-t76krv input:where(.svelte-t76krv){opacity:0;pointer-events:none;position:absolute}.swatch.svelte-t76krv:has(input:where(.svelte-t76krv):checked){box-shadow:0 0 0 2px var(--c-paper), 0 0 0 4px var(--c-fg);translate:0 -2px}:is(.swatch.svelte-t76krv:has(input:where(.svelte-t76krv):focus-visible),.icon-pick.svelte-t76krv:has(input:where(.svelte-t76krv):focus-visible)){outline:2px solid var(--c-fg);outline-offset:3px}@media (hover:hover){.swatch.svelte-t76krv:hover,.icon-pick.svelte-t76krv:hover{translate:0 -2px}}.icon-pick.svelte-t76krv{border-radius:var(--radius);cursor:pointer;place-items:center;padding:.2rem;transition:translate .25s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.icon-pick.svelte-t76krv:has(input:where(.svelte-t76krv):checked){box-shadow:0 0 0 2px var(--c-fg)}.custom.svelte-t76krv{font-size:var(--t-s);align-items:center;gap:.6rem;display:inline-flex}.custom.svelte-t76krv input:where(.svelte-t76krv){cursor:pointer;background:0 0;border:0;width:2.4rem;height:2rem;padding:0}@media (width<=599px){.designer.svelte-t76krv{grid-template-columns:1fr}}