.photo-viewer{border:1px solid #c9c7b9;border-radius:8px;padding:16px;background:#fbf7f1;color:#263128;width:min(96vw,960px);max-width:96vw;max-height:96dvh;overflow:auto}.photo-viewer::backdrop{background:#162018d9}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.viewer-heading h2{margin:0;font:normal 1.25rem Georgia,serif;overflow-wrap:anywhere}.viewer-close,.viewer-controls button{font:inherit;min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #b9bbaf;border-radius:5px;background:#3f4b38;color:#fff;cursor:pointer}.viewer-close{flex-shrink:0}.viewer-stage{position:relative;margin:auto;text-align:center;overflow:hidden;background:#f6f3ee;line-height:0}.viewer-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:70dvh;margin:auto;object-fit:contain;touch-action:pan-x pan-y pinch-zoom}.viewer-stage.cropped{width:min(100%,77dvh);aspect-ratio:1.1}.viewer-stage.cropped img{position:absolute;width:var(--crop-zoom,125%);height:auto;max-width:none;max-height:none;left:var(--crop-offset,-12.5%);top:var(--crop-top,-43%);margin:0}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.viewer-count{font-size:.9rem}.viewer-status{font-size:.9rem;text-align:center}.viewer-status:empty{display:none}.viewer-controls[hidden]{display:none}body.photo-viewer-open{overflow:hidden}@media(max-width:560px){.photo-viewer{padding:12px}.viewer-heading h2{font-size:1.1rem}.viewer-stage img{max-height:65dvh}.viewer-stage.cropped{width:min(100%,71dvh)}.viewer-controls{gap:10px}.viewer-controls button{padding:8px 12px}}
.photo-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;padding:0;color:white;touch-action:manipulation}.photo-open span{position:absolute;bottom:.65rem;left:.65rem;background:#283329e8;border-radius:4px;padding:.35rem .65rem;font-size:.875rem}.photo-open:focus-visible{outline:3px solid #bd9864;outline-offset:-5px}.card-media .gallery-control{z-index:2}.card-media .gallery-count{z-index:2;pointer-events:none}