#explore-overlay{width:min(1320px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:28px;background:var(--paper);overflow:hidden}#explore-overlay::backdrop{background:#0008;backdrop-filter:blur(8px)}#explore-overlay iframe{border:0;width:100%;height:100%;display:block}.explore-overlay-close{position:absolute;z-index:2;right:20px;top:20px;width:44px;height:44px;display:grid;place-items:center;padding:0;line-height:1;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer}.explore-overlay-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.explore-overlay-close:focus-visible{outline:3px solid var(--blue);outline-offset:2px}#explore-overlay .explore-overlay-close:hover{background:var(--surface)}@media(max-width:760px){.explore-overlay-close{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}#explore-overlay{width:100%;height:100dvh;border:0;border-radius:0}}
.explore-overlay-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:var(--text-body)}
.explore-overlay-loader[hidden]{display:none}
.explore-loader-spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:explore-loading .8s linear infinite}
@keyframes explore-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.explore-loader-spinner{animation:none}}

#explore-overlay.demo-fullscreen{width:100%;height:100dvh;border:0;border-radius:0}#explore-overlay.demo-fullscreen>.explore-overlay-close{display:none}