.coloring-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.coloring-canvas{padding:14px;background:#eaf2ff;border-radius:22px;border:1px solid #c5d5eb}.coloring-canvas svg{display:block;width:100%;height:auto;max-height:65vh;background:#fff;border-radius:12px;touch-action:manipulation}.color-piece{cursor:pointer;outline:none}.color-piece:focus polygon{stroke:#071b39;stroke-width:6;stroke-dasharray:8 4}.color-piece:hover polygon{stroke-width:4}.coloring-tools{background:#fff;border:1px solid #dce5f2;border-radius:18px;padding:18px}.color-palette{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-swatch{background:var(--swatch)!important;color:var(--swatch-ink)!important;border:3px solid transparent!important;min-height:52px;padding:8px!important;font-size:1rem!important}.color-swatch[aria-pressed=true]{outline:3px solid #152a4b;outline-offset:2px}.coloring-tools progress{width:100%;height:16px;accent-color:#118c69}.coloring-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.coloring-actions button{min-height:44px}.coloring-tools p{font-size:1rem}.coloring-finish{background:#ddf6e9;border:1px solid #86cbb0;border-radius:12px;padding:14px;font-weight:700}#numberColoring [hidden]{display:none!important}@media(max-width:760px){.coloring-layout{grid-template-columns:1fr}.coloring-tools{order:-1}.color-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.coloring-canvas{padding:7px}.coloring-canvas svg{max-height:none}.color-swatch{font-size:.9rem!important}.coloring-tools{padding:14px}}@media(prefers-reduced-motion:reduce){.color-piece{transition:none}}