.demo[data-astro-cid-soxsnotx]{padding-block:1.5rem 4rem}header[data-astro-cid-soxsnotx]{max-width:48rem;margin-block:2rem}h1[data-astro-cid-soxsnotx]{font-size:var(--text-display-l);margin-block:.5rem 1rem}.eyebrow[data-astro-cid-soxsnotx],.note[data-astro-cid-soxsnotx]{color:var(--ink-soft);font-size:.875rem}.workshop[data-astro-cid-soxsnotx]{align-items:start;gap:2rem;display:grid}.work[data-astro-cid-soxsnotx]{background:var(--mortar-muted);border:8px solid var(--stone-travertine);box-shadow:var(--shadow-slab)}canvas[data-astro-cid-soxsnotx]{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}aside[data-astro-cid-soxsnotx]{gap:1rem;display:grid}h2[data-astro-cid-soxsnotx]{font-size:var(--text-display-s)}#palette[data-astro-cid-soxsnotx]{flex-wrap:wrap;gap:.6rem;display:flex}#palette[data-astro-cid-soxsnotx] button{border:2px solid var(--ink-soft);border-radius:var(--radius-slab);cursor:pointer;width:48px;height:48px}#palette[data-astro-cid-soxsnotx] button[aria-pressed=true]{outline:3px solid var(--basalt-ink);outline-offset:3px}progress[data-astro-cid-soxsnotx]{width:100%;height:1rem;accent-color:var(--bronze-rim-on-stone)}.actions[data-astro-cid-soxsnotx]{flex-wrap:wrap;gap:.5rem;display:flex}.actions[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx]{min-height:44px;font:inherit;color:var(--basalt-ink);background:var(--stone-travertine);border:1px solid var(--bronze-rim-on-stone);border-radius:var(--radius-slab);cursor:pointer;padding:.5rem .75rem}@media (width>=56rem){.workshop[data-astro-cid-soxsnotx]{grid-template-columns:minmax(0,2fr) minmax(17rem,1fr)}}