.pixels.svelte-1pthygc{min-width:0}canvas.svelte-1pthygc{width:100%;max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--border);background:#fff;display:block}.patch.svelte-11xzr26{gap:8px;min-width:0;display:grid}.grid.svelte-11xzr26{gap:3px;max-width:22rem;display:grid}.cell.svelte-11xzr26{aspect-ratio:1;border:1px dashed var(--border);background:color-mix(in srgb, var(--ink) 38%, var(--surface));min-width:0;color:var(--surface);font:11px var(--font-mono);border-radius:4px;place-items:center;display:grid;position:relative}.cell.done.svelte-11xzr26{color:#111;background:#fff;border-style:solid}.cell.done.black.svelte-11xzr26{color:#fff;background:#111}.cell.current.svelte-11xzr26{outline:3px solid var(--accent-ink);outline-offset:1px}.cell.receiving.svelte-11xzr26{border:2px solid var(--accent-ink)}.wait.svelte-11xzr26{opacity:.9;font-size:9px}.share.svelte-11xzr26{color:var(--accent-ink);background:var(--surface);border-radius:3px;padding:0 2px;font-size:9px;position:absolute;top:2px;right:3px}.shares.svelte-11xzr26{font:11px var(--font-mono);overflow-wrap:anywhere;gap:2px;margin:0;padding:0;list-style:none;display:grid}.shares.svelte-11xzr26 .dropped:where(.svelte-11xzr26){opacity:.75}.film.svelte-11xzr26 .cell:where(.svelte-11xzr26){border-color:var(--film-label-border);background:var(--film-muted);color:var(--film-label-bg)}.film.svelte-11xzr26 .cell.done:where(.svelte-11xzr26){color:#111;background:#fff}.film.svelte-11xzr26 .cell.done.black:where(.svelte-11xzr26){color:#fff;background:#111}.film.svelte-11xzr26 .cell.current:where(.svelte-11xzr26),.film.svelte-11xzr26 .cell.receiving:where(.svelte-11xzr26){outline-color:var(--film-transfer);border-color:var(--film-transfer)}.film.svelte-11xzr26 .share:where(.svelte-11xzr26){color:var(--film-transfer);background:var(--film-label-bg)}.dots-scene.svelte-7ajtz4{min-height:300px;color:var(--film-ink);font:13px var(--font-mono);align-content:start;gap:12px;padding:16px 24px;display:grid}.top.svelte-7ajtz4{color:var(--film-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;display:flex}.row.svelte-7ajtz4{grid-template-columns:repeat(2,minmax(0,10rem));gap:16px;display:grid}.row.three.svelte-7ajtz4{grid-template-columns:repeat(3,minmax(0,10rem))}figure.svelte-7ajtz4{gap:6px;min-width:0;margin:0;display:grid}figcaption.svelte-7ajtz4{color:var(--film-muted);font-size:10px}@media (width<=45rem){.dots-scene.svelte-7ajtz4{padding:12px}.row.svelte-7ajtz4,.row.three.svelte-7ajtz4{gap:8px}}.lab.svelte-5s1gon{gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);display:grid}.presets.svelte-5s1gon,.actions.svelte-5s1gon,.controls.svelte-5s1gon{gap:var(--space-2) var(--space-4);flex-wrap:wrap;align-items:end;display:flex}label.svelte-5s1gon{gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted);display:grid}.slider.svelte-5s1gon{flex:12rem}select.svelte-5s1gon,button.svelte-5s1gon{min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}button.svelte-5s1gon{cursor:pointer}button[aria-pressed=true].svelte-5s1gon{border-color:var(--accent-ink);background:color-mix(in srgb, var(--accent-ink) 10%, var(--surface))}button.svelte-5s1gon:hover:not(:disabled){border-color:var(--accent-ink)}button.svelte-5s1gon:disabled,select.svelte-5s1gon:disabled{cursor:default;opacity:.5}.reset.svelte-5s1gon{margin-left:auto}input[type=range].svelte-5s1gon{width:100%;min-height:40px}.panels.svelte-5s1gon{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}figure.svelte-5s1gon{gap:var(--space-2);min-width:0;margin:0;display:grid}figcaption.svelte-5s1gon{font-size:var(--text-xs);color:var(--ink-muted);line-height:var(--leading-snug)}.middle.svelte-5s1gon{gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--border);display:grid}h4.svelte-5s1gon{font-size:var(--text-md)}.status.svelte-5s1gon{font-size:var(--text-sm);line-height:var(--leading-prose)}.note.svelte-5s1gon{color:var(--ink-muted);font-size:var(--text-xs);line-height:var(--leading-prose)}@media (width<=45rem){.panels.svelte-5s1gon{grid-template-columns:minmax(0,1fr);max-width:18rem}}.experience-boundary.svelte-1h0imk4{width:100%;min-width:0}.mode-note.svelte-1h0imk4{font-size:var(--text-xs);color:var(--ink-muted);line-height:var(--leading-prose);margin-top:var(--space-3)}.exercise.svelte-1wgc8zp{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);grid-template-columns:minmax(0,1fr);display:grid}fieldset.svelte-1wgc8zp{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}legend.svelte-1wgc8zp{margin-bottom:var(--space-2);font:var(--text-md) var(--font-display);line-height:var(--leading-snug)}label.svelte-1wgc8zp{gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-prose);display:flex}label.svelte-1wgc8zp span:where(.svelte-1wgc8zp){overflow-wrap:anywhere;min-width:0}button.svelte-1wgc8zp{width:max-content;max-width:100%;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--ink);color:var(--surface)}.feedback.svelte-1wgc8zp{padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent-ink);color:var(--ink-body);line-height:var(--leading-prose)}.lead.svelte-1m3i76n code:where(.svelte-1m3i76n){overflow-wrap:anywhere;color:var(--accent-ink);font-size:.88em}.kicker.svelte-1m3i76n{color:var(--accent-ink);font:var(--text-xs) var(--font-mono)}.lab-anchor.svelte-1m3i76n{min-width:0;scroll-margin-top:calc(var(--header-h) + var(--space-6))}.roles.svelte-1m3i76n{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.roles.svelte-1m3i76n>div:where(.svelte-1m3i76n){padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised)}.roles.svelte-1m3i76n span:where(.svelte-1m3i76n){color:var(--accent-ink);font:var(--text-xs) var(--font-mono)}.roles.svelte-1m3i76n h3:where(.svelte-1m3i76n){font-size:var(--text-md);margin-top:var(--space-3)}.roles.svelte-1m3i76n p:where(.svelte-1m3i76n){font-size:var(--text-sm);color:var(--ink-muted);margin-top:var(--space-2);line-height:var(--leading-prose)}.syntax.svelte-1m3i76n,.frontend-context.svelte-1m3i76n{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.frontend-context.svelte-1m3i76n{gap:var(--space-6)}@media (width<=45rem){.roles.svelte-1m3i76n{grid-template-columns:1fr}}