Figma-like editor UX

[aurpelai]

Summary

• Reworks the pixel editor for a Figma-like feel: trackpad pan, ctrl/cmd+wheel zoom-at-cursor, discrete-step zoom tool, glyph drag via the Move tool, space-bar pan override, arrow-key nudge.
• Canvas grows symmetrically around the cell with viewport-proportional overscan so there's always somewhere to pan, regardless of zoom level.
• Toolbar: undo/redo buttons, brush-size stepper, zoom controls (− value + 100% fit grid), reordered into logical clusters.
• Fixes undo snapshots to carry width/height so paint-grown buffers restore correctly.
• Help overlay gains a Navigation section documenting the new gestures.

Test plan

• Open a glyph: the cell is centered in the viewport
• Two-finger trackpad scroll pans; ctrl/cmd+wheel (or pinch) zooms toward the cursor
• Z tool: click zooms in at cursor, Alt+click zooms out
• Shift+1 → 100% zoom and recenter; Shift+0 → zoom-to-fit and recenter
• Move tool: hover over glyph shows 1-cell-padded outline; drag repositions; drag outside pans
• Space bar temporarily activates Move
• Arrow keys nudge xoffset/yoffset 1px under Move tool (each press is its own undo step)
• Undo/Redo toolbar buttons + Cmd+Z / Cmd+Shift+Z work
• Paint to grow the rect, undo: buffer restores without scrambling
• Toolbar ordering: Undo Redo | Pencil Eraser [brush] | Move Zoom [− zoom + 100% fit grid] | α slider | atlas preview
• Zoom display rounds to one decimal place

🤖 Generated with Claude Code