.wrap.svelte-1r8tfjc{width:min(100%,34rem);max-width:100%;font-family:var(--font-classroom-body);color:var(--color-ink-900)}.target.svelte-1r8tfjc{margin:0 0 .5rem;font-family:var(--font-classroom-heading);font-weight:800;font-size:1rem;color:var(--color-ink-900)}.palette.svelte-1r8tfjc{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.swatch.svelte-1r8tfjc{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem .25rem .3rem;border:1px solid var(--color-paper-300);border-radius:.5rem;background:var(--color-bg-elevated);color:var(--color-ink-700);font-family:var(--font-classroom-body);font-size:.75rem;cursor:pointer}.swatch.svelte-1r8tfjc:hover{border-color:var(--color-brand)}.swatch.svelte-1r8tfjc:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.swatch.is-picked.svelte-1r8tfjc{border-color:var(--color-ink-900);box-shadow:inset 0 0 0 2px var(--color-ink-900);color:var(--color-ink-900)}.swatch.is-picked.svelte-1r8tfjc .swatch-key:where(.svelte-1r8tfjc){background:var(--color-ink-900);color:var(--color-paper-50)}.chip.svelte-1r8tfjc{position:relative;display:block;width:1.6rem;height:1.2rem;border:1px solid var(--color-ink-700);border-radius:.2rem;overflow:hidden;flex:none}.chip-empty.svelte-1r8tfjc{background:var(--color-paper-100);color:var(--color-ink-500)}.chip-empty.svelte-1r8tfjc svg:where(.svelte-1r8tfjc){width:100%;height:100%;display:block}.swatch-text.svelte-1r8tfjc{display:inline-flex;align-items:center;gap:.3rem}.swatch-key.svelte-1r8tfjc{font-family:var(--font-mono);font-weight:700;font-size:.6875rem;line-height:1;padding:.15rem .3rem;border-radius:.25rem;background:var(--color-paper-200);color:var(--color-ink-900)}.swatch-name.svelte-1r8tfjc{white-space:nowrap}.map.svelte-1r8tfjc{position:relative;width:100%;background:var(--color-paper-100);border:2px solid var(--color-ink-700);border-radius:.4rem;overflow:hidden}.region.svelte-1r8tfjc{position:absolute;margin:0;padding:0;border:1px solid var(--color-ink-700);background:var(--color-paper-100);color:var(--color-mistake);cursor:pointer;display:grid;place-items:center;overflow:hidden}.region.is-blank.svelte-1r8tfjc{background:var(--color-paper-50)}.region.svelte-1r8tfjc:hover{box-shadow:inset 0 0 0 3px var(--color-brand)}.region.svelte-1r8tfjc:focus-visible{outline:3px solid var(--color-brand);outline-offset:-3px;z-index:3}.region.is-clash.svelte-1r8tfjc{border-color:var(--color-mistake);z-index:2}.ring.svelte-1r8tfjc{position:absolute;inset:0;z-index:2;border:4px solid var(--color-mistake);pointer-events:none}.fill.svelte-1r8tfjc{position:absolute;inset:0;width:100%;height:100%;display:block}.pg-0.svelte-1r8tfjc{fill:var(--color-accent-yellow)}.pg-1.svelte-1r8tfjc{fill:var(--color-accent-sky)}.pg-2.svelte-1r8tfjc{fill:var(--color-accent-lilac)}.pg-3.svelte-1r8tfjc{fill:var(--color-accent-mint)}.pk.svelte-1r8tfjc{fill:var(--color-ink-900);opacity:.55}.pl.svelte-1r8tfjc{stroke:var(--color-ink-900);stroke-width:1.7;fill:none;opacity:.5}.num.svelte-1r8tfjc{position:relative;z-index:1;font-family:var(--font-classroom-heading);font-weight:800;font-size:clamp(.6875rem,2.4vw,.9375rem);line-height:1;padding:.15rem .3rem;border-radius:.25rem;background:var(--color-paper-50);color:var(--color-ink-900);border:1px solid var(--color-paper-300)}.mark.svelte-1r8tfjc{position:absolute;top:3px;right:3px;z-index:1;width:clamp(.8rem,3vw,1.15rem);height:clamp(.8rem,3vw,1.15rem);color:var(--color-mistake)}.mark.svelte-1r8tfjc svg:where(.svelte-1r8tfjc){width:100%;height:100%;display:block}.hint.svelte-1r8tfjc{margin:.6rem 0 0;font-size:.8125rem;color:var(--color-ink-500)}