.layout.svelte-b45kc7{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:760px){.layout.svelte-b45kc7{grid-template-columns:1fr}.prev.svelte-b45kc7{order:-1}}.side.svelte-b45kc7{display:flex;flex-direction:column;gap:14px}.chips.svelte-b45kc7{display:flex;flex-wrap:wrap;gap:6px}.chip.svelte-b45kc7{border:1px solid var(--cz-border-strong);background:var(--cz-ground);color:var(--cz-ink-2);border-radius:999px;padding:4px 10px;font:inherit;font-size:.8rem;cursor:pointer;text-align:left}.chip.svelte-b45kc7:hover{border-color:var(--cz-accent);color:var(--cz-accent)}.swatches.svelte-b45kc7{display:flex;align-items:center;gap:8px}.swatch.svelte-b45kc7{width:26px;height:26px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--cz-border-strong);cursor:pointer}.swatch.on.svelte-b45kc7{box-shadow:0 0 0 2.5px var(--cz-accent)}.prev.svelte-b45kc7{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--cz-surface-2)}.prev.svelte-b45kc7 canvas:where(.svelte-b45kc7){max-width:100%;max-height:72vh;height:auto;box-shadow:0 4px 18px #0d13202e;background:#fff}.center.svelte-b45kc7{text-align:center}