/* The gallery is a read-only layer above the existing detail/editor dialog. */
html:has(.photo-gallery-dialog[open]),body:has(.photo-gallery-dialog[open]){overflow:hidden}
.entry-document .document-photo{position:relative}
.entry-document .document-photo>.document-image-open{position:absolute;inset:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;cursor:zoom-in}
.entry-document .document-photo>.document-image-open:focus-visible{outline:2px solid #d0bcff;outline-offset:-2px}
.entry-document .document-photo>.document-rank,.entry-document .document-photo>.native-image-rank{z-index:1}
.document-inline-image-open{cursor:zoom-in}.document-inline-image-open:focus-visible{outline:2px solid #d0bcff;outline-offset:2px}
.photo-gallery-dialog[open]{position:fixed;inset:0;display:grid;grid-template-rows:52px minmax(0,1fr);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#101012;color:#f2f0f4;overflow:hidden}
.photo-gallery-dialog::backdrop{background:#101012}
.photo-gallery-header{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#1c1b1f;z-index:2}
.photo-gallery-counter{margin-right:auto;font-size:14px;font-variant-numeric:tabular-nums}
.photo-gallery-dialog button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:40px;padding:5px 10px;border:1px solid #77747d;border-radius:6px;background:#1c1b1f;color:inherit;font:inherit;box-shadow:none}
.photo-gallery-dialog button:disabled{opacity:.35}.photo-gallery-dialog button:focus-visible{outline:2px solid #d0bcff;outline-offset:2px}
.photo-gallery-dialog .photo-gallery-close{font-size:26px;margin-left:10px}.photo-gallery-dialog .photo-gallery-zoom-in,.photo-gallery-dialog .photo-gallery-zoom-out{font-size:22px}
.photo-gallery-track{display:flex;min-width:0;min-height:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;outline:none;cursor:grab}
.photo-gallery-track::-webkit-scrollbar{display:none}.photo-gallery-track[data-dragging=true]{scroll-snap-type:none;cursor:grabbing}.photo-gallery-track[data-zoomed=true]{overflow-x:hidden;scroll-snap-type:none}
.photo-gallery-page{flex:0 0 100%;width:100%;height:100%;min-width:0;margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always}
.photo-gallery-viewport{position:relative;width:100%;height:100%;overflow:hidden;overscroll-behavior:auto}.photo-gallery-viewport[data-zoomed=true]{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin}
.photo-gallery-surface{display:grid;place-items:center;min-width:100%;min-height:100%}.photo-gallery-image{display:block;max-width:none!important;max-height:none!important;object-fit:contain;user-select:none;-webkit-user-drag:none}
.photo-gallery-image[hidden],.photo-gallery-status[hidden],.photo-gallery-dialog button[hidden]{display:none}
.photo-gallery-status{position:absolute;inset:25% 20px auto;max-height:35%;overflow:auto;overflow-wrap:anywhere;text-align:center;font-size:14px}.photo-gallery-dialog .photo-gallery-retry{position:absolute;left:50%;top:65%;transform:translateX(-50%)}
@media(max-width:600px){.photo-gallery-header{gap:4px;padding-inline:8px}.photo-gallery-dialog button{min-width:36px;padding-inline:7px}}