.pattern-challenge.svelte-11uocmp{flex-direction:column;align-items:center;gap:.75rem;display:flex}.grids.svelte-11uocmp{align-items:center;gap:1.5rem;display:flex}.pixel-grid.svelte-11uocmp{grid-template-columns:repeat(var(--cols), 1fr);background:var(--color-surface-2);border-radius:8px;gap:3px;width:96px;height:96px;padding:4px;display:grid}.pixel-grid.svelte-11uocmp .cell:where(.svelte-11uocmp){background:var(--color-surface-1);cursor:pointer;border:none;border-radius:2px;padding:0}.pixel-grid.reference.svelte-11uocmp .cell:where(.svelte-11uocmp){cursor:default}.pixel-grid.svelte-11uocmp .cell.filled:where(.svelte-11uocmp){background:var(--color-accent)}.regenerate.svelte-11uocmp{min-height:var(--tap-min);border:1px solid var(--color-surface-2);background:var(--color-surface-1);color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 1rem}