.external-modal{width:min(1180px,96vw);height:min(900px,94dvh);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid rgba(126,215,251,.35);border-radius:24px;background:#fff;box-shadow:0 34px 110px rgba(1,18,27,.72)}
.external-modal::backdrop{background:rgba(2,20,29,.82);backdrop-filter:blur(10px)}
.external-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}
.external-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 16px;color:#fff;background:linear-gradient(115deg,#071f2d,#075c7c 62%,#0b83aa);box-shadow:0 6px 22px rgba(2,26,38,.22);z-index:2}
.external-toolbar button,.external-toolbar a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid rgba(255,255,255,.38);border-radius:999px;color:#fff;background:rgba(255,255,255,.1);font-weight:800;cursor:pointer}
.external-toolbar button:hover,.external-toolbar a:hover{background:#fff;color:#0b2735}
.external-toolbar div{min-width:0;display:flex;flex-direction:column;text-align:center;line-height:1.2}
.external-toolbar small{font-size:10px;letter-spacing:.15em;color:#8eddf8;font-weight:800}
.external-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.external-modal iframe{width:100%;height:100%;border:0;background:#fff}
@media(max-width:900px),(pointer:coarse){
  .external-modal{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .external-toolbar{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:max(9px,env(safe-area-inset-top)) 10px 9px}
  .external-toolbar button{min-height:42px;padding:8px 13px;font-size:12px}
  .external-toolbar div{text-align:left}
  .external-toolbar small{font-size:8px;letter-spacing:.09em}
  .external-toolbar strong{font-size:12px}
  .external-toolbar>a{display:none}
}