/* Real Screens v8.14.28 — additive gallery interaction/fit fix only. */
.sg-ai-page .screen-variant .shot-media img.is-gallery-trigger{cursor:zoom-in}
.sg-ai-page .screen-variant .shot-media img.is-gallery-trigger:focus-visible{outline:3px solid rgba(45,123,255,.55);outline-offset:4px;border-radius:8px}

/* Mobile captures must keep their phone-like scale when viewed from a desktop viewport. */
.sg-ai-page .screen-dialog[data-shot-kind="mobil"]{width:min(560px,94vw)}
.sg-ai-page .screen-dialog[data-shot-kind="mobil"] .dialog-body{display:grid;place-items:center;padding:18px;background:#eef2f7}
.sg-ai-page .screen-dialog[data-shot-kind="mobil"] .dialog-body img{width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(94vh - 94px)!important;object-fit:contain;margin:auto;background:#fff;box-shadow:0 14px 42px rgba(5,22,45,.12)}

/* Desktop captures retain the existing full-width inspection behavior without exceeding the viewport height. */
.sg-ai-page .screen-dialog[data-shot-kind="masaustu"] .dialog-body img{max-height:calc(94vh - 58px);object-fit:contain}

@media(max-width:640px){
  .sg-ai-page .screen-dialog[data-shot-kind="mobil"]{width:min(96vw,560px)}
  .sg-ai-page .screen-dialog[data-shot-kind="mobil"] .dialog-body{padding:10px}
  .sg-ai-page .screen-dialog[data-shot-kind="mobil"] .dialog-body img{max-height:calc(94vh - 78px)!important}
}
