Every phone is a production-shaped React recipe: tabs switch, form controls work, actions expose host callbacks, and each structural region owns real layout space. Open a screen's page to copy the exact component rendered in its preview—there are no omitted rows, fake placeholders, or local screen CSS.

Screen geometry scales from the reference container, caps at the reviewed large-screen size, and uses the shorter axis in landscape to prevent oversized or colliding controls.