/* The live app's page: the app's one screen fills the browser. Everything inside it is the
   prototype's (proto.css, theme.css, each feature's style.css); this only frames it. */
html, body { height: 100%; }
body.live { margin: 0; overflow: hidden; background: var(--bg, #0c1110); }
.live-app.screen-box { position: fixed; inset: 0; width: 100vw; height: 100dvh; display: flex; flex-direction: column; }
.live-app .screen { flex: 1; min-height: 0; }