/* RunGlyph common screenshot viewer: consistent with confirmed download-page dialog. */
.rp-lightbox,.rdi-lightbox,.rgg-lightbox{
  box-sizing:border-box;border:0;border-radius:16px;
  box-shadow:0 20px 80px #0007;padding:22px;
  max-width:min(95vw,1200px);max-height:95vh;
  width:max-content;background:#fff;color:#20314c;
  position:fixed;margin:auto;
}
.rp-lightbox::backdrop,.rdi-lightbox::backdrop,.rgg-lightbox::backdrop{background:#0b193ccc}
.rp-lightbox img,.rdi-lightbox img,.rgg-lightbox img{
  display:block;width:auto;height:auto;max-width:calc(95vw - 44px);
  max-height:min(76vh,calc(95dvh - 95px));object-fit:contain;margin:0 auto;
}
.rp-lightbox p,.rdi-lightbox p,.rgg-lightbox p{
  text-align:center;font-size:14px;font-weight:400;color:#506481;margin:12px 0 0;line-height:1.6;
}
.rp-lightbox-close,.rdi-lightbox-close,.rgg-lightbox-close{
  position:absolute;right:8px;top:5px;border:0;background:#fff;
  color:#283c5b;font-size:28px;line-height:1.2;cursor:pointer;
  border-radius:7px;padding:2px 8px;z-index:2;
}
.rp-lightbox-close:focus-visible,.rdi-lightbox-close:focus-visible,.rgg-lightbox-close:focus-visible{
  outline:2px solid #1677ed;outline-offset:2px;
}
.rgg-lightbox:not([open]){display:none}
.rgg-lightbox[open]{display:block}
@media(max-width:600px){
  .rp-lightbox,.rdi-lightbox,.rgg-lightbox{padding:20px 12px 14px;max-width:96vw;max-height:94dvh}
  .rp-lightbox img,.rdi-lightbox img,.rgg-lightbox img{max-width:calc(96vw - 24px);max-height:min(74dvh,calc(94dvh - 85px))}
}

/* Shared dialog safety overrides */
.rp-lightbox:not([open]),.rdi-lightbox:not([open]),.rgg-lightbox:not([open]){display:none!important}
.rp-lightbox[open],.rdi-lightbox[open],.rgg-lightbox[open]{display:block;inset:0;overflow:auto}

/* r16: guide viewer only; keep entire screenshot in the viewport. */
.rgg-lightbox[open]{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:min(95vw,1200px);
  max-width:95vw;
  max-height:95dvh;
  inset:0;
  overflow:hidden;
}
.rgg-lightbox[open] img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(76dvh,calc(95dvh - 105px));
  min-height:0;
  object-fit:contain;
  flex:0 1 auto;
}
.rgg-lightbox[open] p{flex:none;max-width:100%;}
@media(max-width:600px){
  .rgg-lightbox[open]{width:96vw;max-width:96vw;max-height:94dvh;}
  .rgg-lightbox[open] img{max-height:min(74dvh,calc(94dvh - 95px));}
}