#screenPreviewBar{position:sticky;top:0;z-index:20000;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 12px;background:var(--peach-replace-034067,#034067);color:#fff;border-bottom:1px solid var(--peach-replace-397b99,#397b99);font:13px/1.4 system-ui;box-sizing:border-box}#screenPreviewBar[hidden],#screenPreviewFrameHost[hidden]{display:none!important}#screenPreviewBar>div{display:flex;gap:5px}#screenPreviewBar button{border:1px solid var(--peach-replace-6f9bae,#6f9bae);border-radius:6px;background:transparent;color:#fff;font:inherit;padding:7px 10px;cursor:pointer}#screenPreviewBar button[aria-pressed=true]{background:#ecd6ae;color:var(--peach-replace-034067,#034067);border-color:#ecd6ae}#screenPreviewFrameHost{position:fixed;z-index:19000;inset:49px 0 0;background:#dce5eb;display:flex;justify-content:center;overflow:auto}#screenPreviewFrameHost iframe{width:390px;max-width:100%;height:100%;border:0;background:#fff;box-shadow:0 0 24px var(--peach-replace-16364e33,#16364e33);box-sizing:border-box}body.screen-preview-active{overflow:hidden}body.screen-preview-active> :not(#screenPreviewBar):not(#screenPreviewFrameHost){visibility:hidden}#screenPreviewBar,#screenPreviewFrameHost{visibility:visible}@media(max-width:480px){#screenPreviewBar{gap:8px;font-size:12px}#screenPreviewBar>span{display:none}}