/* Demo-only layout for the Previews frame (copied into public/demo/radio/ by sync_store_demos.py; the radio's own
   style.css is unchanged). The frame is small, so the radio sits a little lower to leave room for its antenna, and
   toasts stay clear of the HUD in the top right. */
html { font-size: 12px; }
body[data-position="center"] #wrap { top: 54%; }
#toasts { top: 4rem; right: 1rem; }
@media (max-width: 520px) {
  #toasts { left: 1rem; }
  .hud { max-width: calc(100vw - 2rem); }
}