.screenshots-dialog{width:min(1120px,100%);padding:20px}
.screenshots-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;min-height:260px}
.screenshots-figure{margin:0;min-width:0;text-align:center}
.screenshots-figure img{display:block;width:100%;height:min(68vh,720px);object-fit:contain;background:#f0f5f1;border-radius:10px;touch-action:pan-y;user-select:none;-webkit-user-drag:none}
.screenshots-figure img[hidden]{display:none}
.screenshots-figure figcaption{margin-top:10px;color:var(--muted);font-size:12px}
.screenshots-nav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0 0 3px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--green-dark);font-size:32px;line-height:1;font-family:Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.screenshots-nav:hover{background:var(--green);color:white;transform:scale(1.05)}
.screenshots-nav:focus-visible,.screenshots-dialog .modal-close:focus-visible{outline:3px solid #f5a85b;outline-offset:3px}
.screenshots-unavailable{max-width:440px;margin:24px auto;padding:25px;border:1px dashed var(--line);border-radius:10px;background:#f7faf8;color:var(--muted);font-size:14px}
.screenshots-count{margin:7px 0 0;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:600px){.screenshots-dialog{padding:15px}.screenshots-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px;min-height:180px}.screenshots-nav{width:36px;height:36px;padding-bottom:2px;font-size:27px}.screenshots-figure img{height:min(62vh,600px)}.screenshots-figure figcaption{font-size:11px}}