/* Paired welcome/homepage showcase on larger screens; one device on phones. */
#paired-stage{display:block;max-width:1040px}
#paired-stage .device-preview[hidden]{display:none!important}
#paired-stage .desktop-device{padding-top:0}
@media(min-width:701px){#paired-stage[data-device=desktop]{display:grid;grid-template-columns:minmax(145px,.3fr) minmax(0,1fr)}}
.preview-expanded #guest-frame{position:absolute;top:0;transform-origin:top left;max-width:none;transition:none}
body:not(.preview-expanded) .preview-toolbar .live-indicator{order:0}
body:not(.preview-expanded) .preview-toolbar .template-select{order:1}
body:not(.preview-expanded) .preview-toolbar .device-controls{order:2;display:flex;flex:none;gap:4px}
body:not(.preview-expanded) .preview-toolbar .device-controls button{min-height:40px;padding:8px 12px;font-size:11px}
body:not(.preview-expanded) .preview-toolbar .toolbar-actions{order:3}
@media(max-width:800px){
  body:not(.preview-expanded) .preview-toolbar .toolbar-actions{order:1}
  body:not(.preview-expanded) .preview-toolbar .template-select{order:2;flex:1 1 140px;width:auto}
  body:not(.preview-expanded) .preview-toolbar .device-controls{order:3}
  body:not(.preview-expanded) .preview-toolbar .device-controls button{min-height:44px;padding:8px 10px}
}