.fun-paint{display:grid;gap:1.5rem;margin-top:1.5rem}
@media(min-width:800px){.fun-paint{grid-template-columns:320px 1fr;align-items:start}}
.fun-paint-canvas{justify-self:center;touch-action:none}
.fun-paint-canvas svg{max-width:100%;height:auto;border-radius:var(--radius,1.25rem);box-shadow:0 8px 24px rgba(31,51,80,.12);background:#FAF4EA}
.fun-paint-canvas svg [data-fill]{cursor:pointer}
.fun-paint-canvas svg.is-brush{cursor:crosshair}
.fun-palette{display:flex;flex-wrap:wrap;gap:.5rem}
.fun-swatch{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid rgba(31,51,80,.2);cursor:pointer;padding:0}
.fun-swatch[aria-current=true]{outline:3px solid var(--navy,#1F3350);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.fun-paint *{transition:none!important}}