/* One centered, edge-to-edge expand surface for backend and customer previews. */
#bh-expand,.banner-public #bh-expand{box-sizing:border-box;border:0;outline:0;box-shadow:none;border-radius:0;background:var(--bg);transform:none}
#bh-expand::backdrop,.banner-public #bh-expand::backdrop{background:var(--bg)}
#bh-expand[open],.banner-public #bh-expand[open]{animation:hub-expand-surface-in .24s ease-out both}
#bh-expand[open]::backdrop,.banner-public #bh-expand[open]::backdrop{animation:hub-expand-surface-in .24s ease-out both}
#bh-expand .bh-expanded-stage{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:transparent}
#bh-expand .bh-expanded-stage>iframe{display:block;box-sizing:border-box;width:min(100vw,calc(100dvh * var(--expand-ratio,1)));height:min(100dvh,calc(100vw / var(--expand-ratio,1)));max-width:100%;max-height:100%;border:0;outline:0;box-shadow:none;background:transparent}
#bh-expand .bh-expanded-stage>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;outline:0;box-shadow:none}
#bh-expand[open] .bh-expanded-stage>*{animation:hub-expand-content-in .32s cubic-bezier(.16,1,.3,1) both;transform-origin:center}
#bh-expand.is-closing,.banner-public #bh-expand.is-closing{animation:hub-expand-surface-out .18s ease-in both;pointer-events:none}
#bh-expand.is-closing::backdrop,.banner-public #bh-expand.is-closing::backdrop{animation:hub-expand-surface-out .18s ease-in both}
#bh-expand.is-closing .bh-expanded-stage>*{animation:hub-expand-content-out .18s ease-in both}
@keyframes hub-expand-surface-in{from{opacity:0}to{opacity:1}}
@keyframes hub-expand-surface-out{from{opacity:1}to{opacity:0}}
@keyframes hub-expand-content-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes hub-expand-content-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(.99)}}
@media(prefers-reduced-motion:reduce){#bh-expand[open],.banner-public #bh-expand[open],#bh-expand[open]::backdrop,.banner-public #bh-expand[open]::backdrop,#bh-expand[open] .bh-expanded-stage>*{animation:none}}

/* Quiet close control: only its icon is visible at rest. */
#bh-expand>header,.banner-public #bh-expand>header{background:transparent;border:0;box-shadow:none}
#bh-expand>header button,.banner-public #bh-expand>header button{background:transparent;border:1px solid transparent;box-shadow:none;outline:none;transition:border-color .16s ease;color:var(--text)}
#bh-expand>header button:hover,.banner-public #bh-expand>header button:hover{background:transparent;border-color:var(--line);box-shadow:none}
#bh-expand>header button:focus-visible,.banner-public #bh-expand>header button:focus-visible{outline:1px solid var(--muted);outline-offset:2px}