.photo-viewer{box-sizing:border-box;width:min(1280px,calc(100vw - 24px));height:calc(100dvh - 24px);padding:20px;background:#f7faff;color:#172d43;overflow:hidden;border-radius:6px}
.photo-viewer[open]{display:flex;flex-direction:column;gap:16px}
.photo-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;flex-shrink:0}
.photo-viewer h2{font:700 18px/1.3 system-ui,sans-serif;margin:0;overflow-wrap:anywhere}
.photo-viewer-tools{display:flex;align-items:center;gap:8px}
.photo-viewer-tools button{font:600 18px/1 system-ui,sans-serif;background:white;border:1px solid #c7d5e3;border-radius:5px;min-width:44px;height:44px;padding:0 12px;cursor:pointer;color:#172d43}
.photo-viewer-tools output{font:600 13px system-ui,sans-serif;width:52px;text-align:center}
.photo-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:100px;overflow:hidden;touch-action:none;background:#0b1624;border-radius:4px;cursor:zoom-in}
.photo-viewer-stage.is-zoomed{cursor:grab}.photo-viewer-stage.is-zoomed:active{cursor:grabbing}
.photo-viewer-stage img{width:100%;height:100%;object-fit:contain;user-select:none;flex-shrink:0;will-change:transform}
.photo-viewer-stage img[hidden]{display:none}
.photo-viewer-error{color:#fff;padding:24px;text-align:center}
.photo-viewer>.dialog-dismiss-footer{margin-top:0!important;padding-top:16px!important;flex-shrink:0}
.photo-viewer-hint{margin-right:auto;font:13px/1.4 system-ui,sans-serif;color:#556c82}
[data-photo-viewer],.after-action-document .evidence-photos img{cursor:zoom-in}
@media(max-width:600px){.photo-viewer{padding:12px}.photo-viewer[open]{gap:12px}.photo-viewer-hint{max-width:180px;font-size:12px}.photo-viewer h2{font-size:16px}.photo-viewer-tools button{height:40px;min-width:40px}}