.preview-toolbar{justify-content:space-between;flex-wrap:wrap}
.preview-view-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:1}
.preview-view-button{border:1px solid #aec3cf;border-radius:7px;background:#fff;color:#173449;padding:9px 11px;font-weight:600;cursor:pointer;min-height:40px}
.preview-view-button[aria-pressed=true]{background:#126b70;color:#fff;border-color:#126b70}
.preview-size{font:12px Arial,sans-serif;color:#fff;padding:6px 10px}
.preview-viewport{flex:1;min-height:0;width:100%;overflow:auto;border-radius:12px;background:#dbe4ea;padding:8px;box-sizing:border-box}
.template-modal .preview-viewport iframe{display:block;max-width:none;min-width:0;height:100%;min-height:400px;border:0;border-radius:6px;flex:none;margin:auto}
.template-modal>div{height:calc(100dvh - 50px)}
@media(max-width:600px){.template-modal>div{height:calc(100dvh - 20px)}.preview-view-button{font-size:11px;padding:8px}.preview-view-controls{gap:4px}.preview-size{font-size:11px}.template-modal .preview-viewport iframe{min-height:320px}}

/* v89: Device toolbar is for larger desktop/laptop screens only. */
@media(max-width:1199px),(hover:none){
 .template-modal .preview-view-controls{display:none!important}
 .template-modal .preview-toolbar{justify-content:flex-end}
 .template-modal .preview-viewport{overflow-x:hidden}
 .template-modal .preview-viewport iframe{width:100%!important;max-width:100%!important;min-width:0!important;margin:0}
}

/* v90: Scale simulated widths to fit the available preview canvas. */
.template-modal .preview-viewport{position:relative;overflow:hidden}
.template-modal .preview-viewport iframe{position:absolute;margin:0;transform-origin:top left;min-height:0!important;transition:none}