Pan + Zoom Canvas (Move Canvas Like in Figma/Canva/Photoshop)

Please add the ability to move (pan) and zoom the editor canvas. When the left panel is open, it often overlaps or squeezes the canvas area, making precise layout work harder. A simple pan/zoom system—like in Figma, Canva, Photoshop, etc.—would dramatically improve workflow speed and accuracy.

Problem / Why it matters:

• On smaller screens (or when the left panel is expanded), parts of the canvas get covered or cramped.

• I frequently need to inspect spacing, alignment, and typography at different scales.

• Without quick pan/zoom, I end up scrolling awkwardly, collapsing panels, or losing the exact spot I’m editing.

Requested functionality:

1. Canvas Zoom Controls

   • Zoom in / out (+ and - buttons)

   • Zoom percentage indicator (e.g., 50% / 100% / 125% / 200%)

   • “Fit to screen” and “Actual size (100%)”

   • Optional: “Zoom to selection”

2. Canvas Pan / Move Tool

   • Hold Spacebar to temporarily activate a Hand tool (drag to pan)

   • Middle mouse button drag to pan (optional)

   • Trackpad support: pinch-to-zoom + two-finger pan (optional)

3. Keyboard & Mouse Shortcuts (suggested)

   • Ctrl/Cmd + mouse wheel = zoom in/out

   • Ctrl/Cmd + 0 = fit to screen

   • Ctrl/Cmd + 1 = 100%

How this helps UX/UI + SEO workflows:

• Faster editing = more time spent improving real UX (spacing, hierarchy, clarity) instead of fighting the editor.

• Better precision on layout → cleaner pages, more consistent design, fewer accidental misalignments.

• Easier to review above-the-fold and responsive details quickly, which supports conversion-focused layouts.

Extra notes:

• This is standard in most modern editors (Figma/Canva/Photoshop), and it would be a huge productivity win inside GemPages v7—especially when working with side panels open.