Pixel Art

Requirements

• Start with 64 white pixels and a red brush. The Red, Blue and Eraser controls select #ef4444, #2563eb and #ffffff respectively; keep aria-pressed synchronized.
• Click a pixel to paint with the selected color. A primary left-button pointerdown begins a stroke; matching pointermove events paint cells while the primary button remains held. Hover and right-button events do not paint.
• Track one pointer ID. Ignore other pointers and terminate the stroke on pointerup, pointercancel, window blur or clear. Releasing outside the canvas must stop painting. Use the color selected at stroke start for the whole stroke.
• Enter and Space paint a focused cell. Clear canvas returns every cell to white while preserving the chosen brush.
• Basic grid CSS and markup are supplied. Keep IDs and data-color values. Remove global handlers on unmount. No flood fill, undo or persistence is required.

Examples

Input: Select Blue and drag across three pixels
Output: All visited pixels become blue.

Input: Release the pointer and move over a new pixel
Output: That pixel remains unchanged.