Component mockups

What looks like a blank device around this page is not part of these mockups. The shell wraps every preview in .phone-frame (device chrome, e.g. traffic lights + rounded card) and inside that the mockup viewport iframe#mockup-iframe—host UI from the project menu, not part of these component mockup documents.

Below, each item is its own mockup document: live control + wireframe only. The shell menu loads the chromeless inventory (no host title bar; in-page close only).