/* Review controls, outside the page being previewed. */
.preview-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:16px;min-height:66px;padding:10px 20px;background:#f0f4ed;border-bottom:1px solid #c7d5cb;color:#51635f;font:12px "DM Sans",sans-serif}
.preview-toolbar>div{display:flex;gap:3px;padding:3px;border:1px solid #bdcec3;border-radius:10px;background:#fcfbf7}
.preview-toolbar button{min-height:40px;border:0;border-radius:6px;padding:9px 16px;background:transparent;color:#51635f;font:600 13px "DM Sans",sans-serif;cursor:pointer}
.preview-toolbar button[aria-pressed=true]{background:#071317;color:#fcfbf7}
.preview-toolbar button:focus-visible{outline:2px solid #007074;outline-offset:3px}
#preview-size-note{min-width:125px}
#desktop-preview[hidden],#phone-preview[hidden]{display:none!important}
#phone-preview{min-height:calc(100vh - 66px);padding:18px 12px 30px;background:#edf1eb}
.phone-preview-label{text-align:center;font:12px "DM Sans",sans-serif;color:#51635f;margin:0 0 14px}
.phone-viewport{width:min(390px,100%);height: min(844px,calc(100dvh - 150px));min-height:350px;margin:auto;box-shadow:0 8px 30px #07131715;border-radius:14px;outline:1px solid #c7d5cb;overflow:hidden;background:#fcfbf7}
.phone-viewport iframe{display:block;border:0;width:100%;height:100%;background:#fcfbf7}
html[data-embedded=phone] .preview-toolbar,html[data-embedded=phone] .review-bar,html[data-embedded=phone] .sequence-plan{display:none!important}
@media(max-width:600px){.preview-toolbar{gap:8px;flex-wrap:wrap;padding:8px 12px}.preview-toolbar>span:first-child{display:none}#preview-size-note{font-size:10px;min-width:0}.preview-toolbar button{padding:8px 12px}}