# Canvas Area (Center)

The main workspace where you can visually edit your design.

- **2D View:** Edit shapes, holes, and cutouts directly on a selected side.
- **3D View:** Rotate and inspect the overall box using the mouse.

**Mouse Controls:**

- **Left click:** Select or move a component.
- **Scroll wheel:** Zoom in/out.
- **Middle mouse click and hold:** Pan view (2D), Move camera position (3D).
- **Right click + drag (3D only):** Orbit around the box.

**Keyboard Shortcuts:**

<figure class="wp-block-table" id="bkmrk-action-shortcut-open"><table class="has-fixed-layout"><thead><tr><th>Action</th><th>Shortcut</th></tr></thead><tbody><tr><td>Open Existing JSON</td><td><code>Ctrl &#43; O</code></td></tr><tr><td>Export JSON to Your Computer</td><td><code>Ctrl &#43; S</code></td></tr><tr><td>Undo / Redo</td><td><code>Ctrl &#43; Z</code> / <code>Ctrl &#43; Shift &#43; Z</code> or <code>Ctrl &#43; Y</code></td></tr><tr><td>Add Rectangle</td><td><code>Shift &#43; R</code></td></tr><tr><td>Add Circle</td><td><code>Shift &#43; C</code></td></tr><tr><td>Duplicate Selected Component</td><td><code>Ctrl &#43; D</code></td></tr><tr><td>Rotate Selected Component</td><td><code>R</code></td></tr><tr><td>Move Selected Component</td><td>Arrow Keys</td></tr><tr><td>Delete Selected Component</td><td><code>Delete</code></td></tr><tr><td>Toggle 2D / 3D View</td><td><code>T</code></td></tr><tr><td>Open Help</td><td><code>F1</code></td></tr></tbody></table>

</figure>