Auto Zoom, Explained

Build this in Layerz Canvas using the layerz-canvas MCP.

A 15-second promo for the screen-recording feature in Layerz Canvas, 1920×1080 at 60fps. The film itself behaves like an auto-zoomed recording: the camera follows a cursor and dives in on every click. All screens are built from shapes and text — no real capture needed.

Look: dark desktop #141418 with a single app window (#FFFFFF, radius 18, soft shadow) showing a fictional to-do app: sidebar, list rows, an "Add task" button. Accent Layerz violet #7C5CFF; record red #FF3B30. SF Pro throughout; headlines 120px heavy.

Beats:
- 0.0–2.0s: "Record." "Click." "Zoom." stamp in one at a time at centre, each knocking the previous word upward.
- 2.0–3.0s: a red record dot pulses at top-left; a thin red frame outlines the desktop; a timer counter starts 00:00.
- 3.0–6.0s, click 1: the cursor glides to "Add task" and clicks — the camera instantly eases in 2× onto the button, a ripple expands, a new row slides in and its text types "Ship the promo".
- 6.0–8.5s, click 2: the cursor moves to a checkbox; the camera pans with it (still zoomed), click, a check mark draws, the row strikes through.
- 8.5–10.5s, idle: the cursor rests; after 0.6s the camera eases back out to the full window — showing the auto zoom-out on idle.
- 10.5–12.5s, click 3: the cursor heads to a "Share" menu; zoom back in; a menu drops down listing MP4, GIF, MOV.
- 12.5–15.0s, end: the recording frame shrinks into a timeline clip with zoom segments marked as violet blocks; then it all folds into the layered chevron. "Layerz Canvas — screen recording with auto zoom."

Craft notes: zooms always ease-in-out over 0.45s and never overshoot; the cursor moves on gentle curves, never straight lines; at most one zoom change per second.