/* Demo-only layout for the Previews frame (copied into public/demo/billing/ by sync_store_demos.py; the billing
   window's own style.css is unchanged). In game the window is centred over a dimmed screen; in the small frame it
   fills the frame instead. */
html { font-size: 12px; }
.scrim { background: transparent; }
.panel { width: calc(100vw - 24px); height: calc(100vh - 24px); }
@media (max-width: 760px) {
  .split, .send { grid-template-columns: 1fr; }
  .list { border-right: 0; border-bottom: 1px solid var(--border); max-height: 40vh; }
  .col + .col { border-left: 0; border-top: 1px solid var(--border); }
}