main img.photo-zoom { cursor: zoom-in; }
main img.photo-zoom:focus-visible { outline: 3px solid #fff5d8; outline-offset: -5px; }
#photo-viewer { box-sizing: border-box; width: max-content; max-width: 96vw; max-height: 95vh; padding: .65rem; border: 0; border-radius: .5rem; background: #241c1c; color: #fff; }
#photo-viewer::backdrop { background: rgba(12, 8, 8, .89); }
#photo-viewer img { display: block; width: auto; height: auto; max-width: calc(96vw - 1.3rem); max-height: calc(90vh - 4rem); max-height: calc(90dvh - 4rem); object-fit: contain; }
#photo-viewer form { display: flex; justify-content: flex-end; margin: 0 0 .5rem; }
#photo-viewer button { min-height: 44px; padding: .4rem .8rem; border: 0; border-radius: .3rem; color: #241c1c; background: #fff5e9; font: inherit; cursor: pointer; }
#photo-viewer button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }