Design Document
1. Multiple canvas slides are represented by .canvas elements, one active at a time.
2. Images are wrapped in .image-wrapper to allow transform and event handling.
3. Handles are hidden by default and shown on hover; they are part of the wrapper.
4. Touch and mouse are unified with Pointer Events for mobile friendliness.
5. Clipboard paste is captured globally; image data is extracted and placed at cursor location.
6. Dragging moves the wrapper, resizing preserves aspect ratio, rotation uses a top handle.
7. Double‑clicking a wrapper removes it.
8. Z‑index increments on selection to bring to front.
9. The page has a beige background and user‑select disabled.
10. All code resides within a single HTML file.
Canvas 1
Canvas 2
Canvas 3