Viewport Controls

The 3D viewport is where you see your stone as you design it. It supports mouse/trackpad navigation, preset view angles, and a few display toggles.

Rotate: Click and drag (left mouse button) to orbit around the stone.
Zoom: Scroll the mouse wheel, or pinch on a trackpad.
Pan: Right-click and drag (or Shift+click-drag on some setups) to slide the view sideways without rotating.

Camera movement is damped — it eases to a stop rather than snapping, which makes orbiting feel smoother, especially on a trackpad.

Preset views

The view pill below the viewport has four buttons: Iso, Top, Bottom, Front. Clicking one snaps the camera to that angle and re-centers the stone in frame:

Iso: A 3/4 angled view — the default, good for seeing both crown and pavilion shape at once.
Top: Straight down through the table — useful for checking crown symmetry and the star/break facet pattern.
Bottom: Straight up through the culet — useful for checking pavilion symmetry.
Front: A straight-on side view — useful for checking the depth/width ratio and overall profile.

Clicking a preset view also resets any spin rotation, so you get a clean, predictable angle every time — handy before taking a screenshot.

Display toggles

The bar above the viewport has several toggles:

Render mode: Solid or Realistic — see Solid vs. Realistic Render.
Edges: Shows or hides the black outline around every facet. Useful for spotting facet boundaries clearly, especially in Solid mode.
Tier colors: Shades each tier a distinct flat color, so you can visually tell tiers apart regardless of render mode. Turn this off to see the stone in its true material color.
Spin: Auto-rotates the stone continuously around the vertical axis — good for a quick all-around look without manually dragging.

Resizing and refitting

If you resize your browser window, the viewport automatically refits the camera so the whole stone stays in frame — you don't need to re-click a preset view after resizing.

Recording considerations

If you start a video recording (Video), the viewport's resolution locks to a fixed 1920×1080 frame for the duration of the recording, so the output is a clean, consistent size — the live editing view temporarily stops auto-fitting to your window size until the recording finishes.

Viewing while editing tiers

Clicking a tier name in the Build panel highlights that tier's facets in the viewport without changing your camera angle — useful for visually locating a tier without losing your current view. The same applies to clicking a facet in the Crown/Pavilion diagrams in the Inspect panel.