.pixel-canvas.svelte-1jx0ztz{max-width:100%;height:auto;image-rendering:pixelated;display:block}.checker.svelte-1jx0ztz{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.pixel-stepper.svelte-udpks0{flex-direction:column;align-items:center;gap:.9rem;margin:1.25rem 0;display:flex}.controls.svelte-udpks0{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:min(100%,34rem);display:grid}.label.svelte-udpks0{text-align:center;color:#281b4d;font-weight:900}.toolbar.svelte-udpks0{justify-content:center;display:flex}.canvas-wrap.svelte-udpks0{line-height:0;position:relative}.canvas-wrap.svelte-udpks0 .dimmed{opacity:.35}.overlay.svelte-udpks0{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.overlay.svelte-udpks0 rect:where(.svelte-udpks0){fill:none;stroke:#ffdd57;stroke-width:.12px}figcaption.svelte-udpks0{opacity:.75;text-align:center;max-width:40rem;font-size:.85rem}.pixel-auto-draw.svelte-bygrmq{background:#fffdf6;border:3px solid #281b4d;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid;box-shadow:6px 6px #281b4d}.auto-draw-heading.svelte-bygrmq{justify-content:space-between;align-items:end;gap:1rem;display:flex}.eyebrow.svelte-bygrmq,.progress-copy.svelte-bygrmq{letter-spacing:.08em;text-transform:uppercase;color:#786ca2;margin:0;font-size:.75rem;font-weight:900}.canvas-stage.svelte-bygrmq{background:#f2edf9;border:3px solid #281b4d;place-items:center;min-height:20rem;padding:1rem;display:grid;overflow:auto}.progress-track.svelte-bygrmq{background:#fff;border:3px solid #281b4d;height:.85rem;overflow:hidden}.progress-fill.svelte-bygrmq{background:#ffdd57;height:100%;transition:width 80ms linear}.controls.svelte-bygrmq{flex-wrap:wrap;gap:.75rem;display:flex}.controls.svelte-bygrmq button:where(.svelte-bygrmq){min-height:44px}figcaption.svelte-bygrmq{color:#786ca2;font-size:.85rem;line-height:1.5}@media (width<=640px){.auto-draw-heading.svelte-bygrmq{flex-direction:column;align-items:start}.canvas-stage.svelte-bygrmq{place-items:start center;min-height:17rem}.controls.svelte-bygrmq>button:where(.svelte-bygrmq){width:100%}}.material-symbol.svelte-1n9svdc{fill:currentColor;width:1.2rem;height:1.2rem;display:block}.pixel-editor-panel.svelte-izv9t2{gap:1rem;margin:1.5rem 0;display:grid}.topline.svelte-izv9t2{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.score.svelte-izv9t2{color:#281b4d;font-weight:900}.exercise-layout.svelte-izv9t2{--rail-w:4.8rem;grid-template-columns:var(--frame-w) max-content;align-items:start;gap:1.25rem;padding-bottom:.2rem;display:grid;overflow-x:auto}.target-pane.svelte-izv9t2{width:var(--frame-w)}.editor-pane.svelte-izv9t2,.editor-center.svelte-izv9t2{gap:.55rem;min-width:0;display:grid}.editor-body.svelte-izv9t2{grid-template-columns:var(--rail-w) var(--frame-w) var(--rail-w);width:calc(var(--rail-w) * 2 + var(--frame-w) + 1.3rem);align-items:end;gap:.65rem;display:grid}.editor-topbar.svelte-izv9t2{width:var(--frame-w);grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.swatch-column.svelte-izv9t2,.tool-column.svelte-izv9t2{height:var(--frame-h);width:var(--rail-w);place-content:center;gap:.45rem;display:grid}.swatch-column.svelte-izv9t2{grid-template-columns:repeat(2,1.75rem)}.tool-column.svelte-izv9t2{grid-template-columns:2.35rem}.icon-button.svelte-izv9t2,.mode-button.svelte-izv9t2,.tool-button.svelte-izv9t2{color:#281b4d;cursor:pointer;background:#fff;border:3px solid #281b4d;place-items:center;display:grid;box-shadow:0 4px #281b4d}.icon-button.svelte-izv9t2,.mode-button.svelte-izv9t2{width:100%;height:2.25rem}.mode-button.svelte-izv9t2{text-transform:uppercase;font-size:.68rem;font-weight:900}.tool-button.svelte-izv9t2{width:2.35rem;height:2.35rem}.icon-button.svelte-izv9t2:not(:disabled):active,.icon-button.svelte-izv9t2:not(:disabled):focus-visible,.mode-button.is-active.svelte-izv9t2,.mode-button.svelte-izv9t2:focus-visible,.tool-button.is-active.svelte-izv9t2,.tool-button.svelte-izv9t2:focus-visible{background:#ffdd57;transform:translateY(2px);box-shadow:0 2px #281b4d}.icon-button.svelte-izv9t2:disabled{opacity:.45;cursor:not-allowed;transform:none}.swatch.svelte-izv9t2{background:var(--swatch);border:3px solid #281b4d;border-radius:999px;width:1.75rem;height:1.75rem;box-shadow:0 4px #281b4d}.swatch.is-active.svelte-izv9t2{transform:translateY(2px);box-shadow:0 2px #281b4d}.pane.svelte-izv9t2{gap:.4rem;display:grid}.pane-label.svelte-izv9t2{text-transform:uppercase;letter-spacing:.06em;color:#786ca2;font-size:.75rem;font-weight:900}.editor-wrap.svelte-izv9t2{max-width:100%;line-height:0;position:relative}.editor-hitbox.svelte-izv9t2{z-index:3;touch-action:none;cursor:crosshair;background:0 0;position:absolute;inset:0}.editor-wrap.svelte-izv9t2 .layer{z-index:1;position:relative}.overlay.svelte-izv9t2{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.overlay.svelte-izv9t2 rect:where(.svelte-izv9t2){fill:none;stroke:#ff5c8a;stroke-width:.12px}@media (width<=760px){.exercise-layout.svelte-izv9t2{grid-template-columns:1fr;overflow-x:visible}.editor-body.svelte-izv9t2{width:min(100%, var(--frame-w));grid-template-columns:1fr}.swatch-column.svelte-izv9t2,.tool-column.svelte-izv9t2{width:var(--frame-w);flex-wrap:wrap;justify-content:flex-start;height:auto;display:flex}}.gallery-card.svelte-1uayb5p{gap:.9rem;display:grid}.preview.svelte-1uayb5p{background:#fff;border:3px solid #281b4d;justify-content:center;align-items:center;min-height:9rem;display:flex;overflow:hidden}