body.preview-frame #ticker{bottom:5vh;height:7vh;min-height:0}body.preview-frame.ticker-on #stage{bottom:12vh}body.preview-frame #ticker span{font-size:3.4vh}body.preview-frame .brand-bar{height:10vh}body.preview-frame.brand-on #stage{top:10vh}
.publish-bar{position:sticky;top:0;z-index:5;background:#e8efde;border:1px solid #b7c996;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.publish-bar strong{flex:1}.preview-dialog{width:min(1320px,96vw);max-width:96vw;max-height:95vh;border:0;border-radius:14px;padding:22px;background:var(--paper);color:var(--ink)}.preview-dialog::backdrop{background:#081e19cc}.preview-viewport{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#000;margin:15px 0}.preview-viewport iframe{width:1920px;height:1080px;border:0;transform-origin:0 0;position:absolute;top:0;left:0}.preview-dialog h2{margin:0}.qr-preview{display:block;max-width:330px;width:100%;height:auto;margin:24px auto;image-rendering:pixelated}.preview-dialog p{font-size:13px}.preview-dialog .preview-error{color:#982c26}.preview-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.preview-viewport{width:min(100%,calc((90vh - 250px)*1.777778));margin:15px auto}.preview-actions{position:sticky;bottom:0;background:var(--paper);padding:10px 0}aside nav{overflow-y:auto;min-height:0}