[data-image-view]{cursor:zoom-in}
[data-image-view]:focus-visible,.record-number .record-open:focus-visible{outline:2px solid #174c72;outline-offset:2px}
dialog.image-viewer{box-sizing:border-box;width:min(96vw,1120px);max-width:96vw;max-height:92vh;max-height:92dvh;padding:0;border:1px solid #62665e;border-radius:10px;background:#202320;color:#fff;overflow:auto}
dialog.image-viewer::backdrop{background:rgb(14 18 15 / 78%)}
.image-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 12px;background:#f8f8f5;color:#242822}
.image-viewer-head strong{overflow-wrap:anywhere;font-size:1rem}
.image-viewer-head button{flex:none;min-height:44px;padding:4px 12px;background:white;color:#273024;border:1px solid #c5cbc1;border-radius:5px;font:inherit;cursor:pointer}
.image-viewer-stage{display:grid;place-items:center;min-height:0}
.image-viewer-stage>img,.image-viewer-stage>svg{display:block;width:100%;height:min(78vh,850px);height:min(78dvh,850px);max-width:100%;object-fit:contain;touch-action:pinch-zoom}
.image-viewer-stage>svg{background:#f5f4ed;color:#52554c}
.image-viewer-stage .earth{fill:#d8d0c3;stroke:none}
.image-viewer p{margin:10px 14px}