/* Screenshot lightbox (static/js/zoom.js) */
img.zoomable { cursor: zoom-in; }
img.zoomable:focus-visible { outline: 2px solid #b5abfc; outline-offset: 3px; }
.zoom-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(10,11,18,.88); cursor: zoom-out; overscroll-behavior: contain; touch-action: pinch-zoom; }
.zoom-overlay[hidden] { display: none; }
.zoom-overlay img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 0 0 1px #2a2d3d, 0 20px 60px rgba(0,0,0,.6); cursor: default; }
.zoom-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 8px; background: rgba(42,45,61,.9); color: #e9e9ed; font: 400 26px/1 'Inter', sans-serif; cursor: pointer; }
.zoom-close:focus-visible { outline: 2px solid #b5abfc; }
body.zoom-open { overflow: hidden; }