/* Full browser preview, with glass controls outside the page iframe. */
.g7-builder-shell dialog.ib-browser-preview[open]{position:fixed!important;inset:0!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important;resize:none!important;background:#0b1422!important;box-shadow:none!important}
.ib-browser-preview>header{display:none!important}.ib-browser-preview::backdrop{background:#0b1422!important;backdrop-filter:none!important}
.g7-builder-shell .ib-browser-preview>iframe{display:block!important;flex:1!important;min-height:0!important;height:100%!important;max-width:100%!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:white}
.g7-builder-shell .ib-browser-preview>.g7-builder-content-view-viewport{display:flex!important;justify-content:center;flex:1!important;min-height:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#0b1422!important}
.g7-builder-shell .ib-browser-preview>.g7-builder-content-view-viewport>iframe{height:100%!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:0!important}
.ib-browser-preview .ib-preview-menu{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:10;display:flex;align-items:center;gap:8px;font:13px/1.4 system-ui,sans-serif;color:#fff;isolation:isolate}
.ib-preview-menu [hidden]{display:none!important}.ib-preview-screen-group{position:relative}
.g7-builder-shell .ib-browser-preview .ib-preview-glass{display:inline-flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-width:44px;height:44px;padding:0 13px;border:1px solid #ffffff4d;border-radius:14px;background:linear-gradient(135deg,#ffffff17,#ffffff03),#17233370;color:#fff;box-shadow:0 4px 18px #07111d1c,inset 0 1px 0 #ffffff29;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);text-shadow:0 1px 3px #07111d80;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;appearance:none}
.ib-preview-menu svg{width:19px;height:19px;flex:none;filter:drop-shadow(0 1px 2px #07111d40)}
.g7-builder-shell .ib-browser-preview .ib-preview-glass:hover,.g7-builder-shell .ib-browser-preview .ib-preview-glass:focus-visible,.g7-builder-shell .ib-browser-preview .ib-preview-size[aria-expanded=true]{background:#16293ded;border-color:#9edddbc2;box-shadow:0 7px 24px #07111d33,inset 0 1px 0 #ffffff26;color:#fff}
.g7-builder-shell .ib-browser-preview .ib-preview-glass:focus-visible,.g7-builder-shell .ib-browser-preview .ib-preview-device:focus-visible{outline:2px solid #7bdfd5;outline-offset:3px}
.ib-preview-size-label{font-weight:550;font-size:12px;letter-spacing:.01em}.ib-preview-sizes{position:absolute;top:calc(100% + 10px);right:0;width:238px;box-sizing:border-box;padding:9px;border:1px solid #ffffff38;border-radius:18px;background:linear-gradient(140deg,#ffffff0d,transparent),#142438eb;color:#f4f8fd;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 15px 45px #02091440;animation:ib-preview-reveal .14s ease-out}
.ib-preview-sizes-heading{display:block;padding:5px 10px 9px;color:#a9c3d5;font-size:9px;letter-spacing:.13em;font-weight:650}
.g7-builder-shell .ib-browser-preview .ib-preview-device{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;margin:2px 0;padding:10px;border:1px solid transparent;border-radius:11px;color:#e8f1fc;background:transparent;font:12px/1.4 system-ui,sans-serif;text-align:left;cursor:pointer}
.ib-preview-device small{margin-left:auto;color:#a6bdcf;font-size:10px}.g7-builder-shell .ib-browser-preview .ib-preview-device:hover{background:#ffffff12;border-color:#ffffff17}.g7-builder-shell .ib-browser-preview .ib-preview-device[aria-pressed=true]{background:#60cfc61c;border-color:#60cfc644;color:#a3ebe4}
@keyframes ib-preview-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:500px){.ib-browser-preview .ib-preview-menu{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));gap:6px}.ib-preview-sizes{right:-52px;width:min(238px,calc(100vw - 24px))}.ib-preview-size-label{display:none}}
@media(prefers-reduced-motion:reduce){.ib-preview-sizes{animation:none}.g7-builder-shell .ib-browser-preview .ib-preview-glass{transition:none}}
@media(prefers-reduced-transparency:reduce){.g7-builder-shell .ib-browser-preview .ib-preview-glass,.ib-preview-sizes{background:#172a40}}
@media(forced-colors:active){.g7-builder-shell .ib-browser-preview .ib-preview-glass,.ib-preview-sizes{background:Canvas;color:CanvasText;border:1px solid ButtonText}.ib-preview-menu svg{filter:none}}

/* Editor themes use important rules on generic dialog buttons and icons. */
.g7-builder-shell dialog.ib-browser-preview .ib-preview-glass{background:linear-gradient(135deg,#ffffff17,#ffffff03),#17233370!important;border-color:#ffffff4d!important;color:#fff!important;font:550 12px/1.4 system-ui,sans-serif!important;text-shadow:0 1px 3px #07111d80!important;box-shadow:0 4px 18px #07111d1c,inset 0 1px 0 #ffffff29!important}
.g7-builder-shell dialog.ib-browser-preview .ib-preview-glass:hover,.g7-builder-shell dialog.ib-browser-preview .ib-preview-glass:focus-visible,.g7-builder-shell dialog.ib-browser-preview .ib-preview-size[aria-expanded=true]{background:#16293ded!important;border-color:#9edddbc2!important;color:#fff!important;box-shadow:0 7px 24px #07111d33,inset 0 1px 0 #ffffff26!important}
.g7-builder-shell dialog.ib-browser-preview .ib-preview-menu button svg{display:block!important;visibility:visible!important;opacity:1!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important}
.g7-builder-shell dialog.ib-browser-preview .ib-preview-device{background:transparent!important;border-color:transparent!important;color:#e8f1fc!important;box-shadow:none!important;font:12px/1.4 system-ui,sans-serif!important}
.g7-builder-shell dialog.ib-browser-preview .ib-preview-device:hover{background:#ffffff12!important;border-color:#ffffff17!important}.g7-builder-shell dialog.ib-browser-preview .ib-preview-device[aria-pressed=true]{background:#60cfc61c!important;border-color:#60cfc644!important;color:#a3ebe4!important}
dialog.ib-browser-preview::after{display:none!important}
@media(prefers-reduced-transparency:reduce){.g7-builder-shell dialog.ib-browser-preview .ib-preview-glass{background:#172a40!important}}
@media(forced-colors:active){.g7-builder-shell dialog.ib-browser-preview .ib-preview-glass{background:Canvas!important;color:CanvasText!important;border:1px solid ButtonText!important}}

.g7-builder-shell dialog.ib-browser-preview>.g7-popup-resize{display:none!important}