Portfolio App, Designed in Canvas

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

A 15-second square promo, 1080×1080 at 60 fps, for a fictional investment dashboard app designed and animated in Layerz Canvas: phone screens, live-feeling charts and counters, and a closing "Designed in Layerz Canvas" card.

Look: night #0B1020, cards #141B33, text #E9EDF8, gain green #22C55E, loss red #EF4444, gold highlight #F5B83D. SF Pro Display; numbers in SF Mono with tabular figures. Card radius 24.

Beats:
- 0.0–2.0s: A gold line draws a rising zig-zag across the frame and becomes the axis of a line chart; the camera rides its tip.
- 2.0–4.5s: A phone drawn from shapes slides up into the centre. On screen: "Total balance" with a counter rolling 0 → 48,210.55 (example) and a green "+3.2%" chip popping in.
- 4.5–7.0s: A donut chart spins into an allocation: Stocks, Bonds, Cash, Other, each segment growing in turn with its label.
- 7.0–9.5s: The screen swipes to a holdings list: six rows cascade in, each drawing a tiny sparkline; one row flashes red, then green.
- 9.5–12.0s: The phone tilts back (rotationX 18°) and three cards fly out around it: monthly returns as bars, a dividend calendar as a dot grid, and a "Rebalance" button that a cursor clicks.
- 12.0–15.0s: The cards dock back, the phone shrinks into a tile, and "Designed in Layerz Canvas" appears with the chevron. Hold 0.7s.

Craft notes: every figure is labelled as example data; charts always grow from their baseline; motion is a smooth ease-out, and only the button click bounces.