.photo-lightbox { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.94); color: white; display: flex; flex-wrap: wrap; align-content: flex-start; padding: 12px; }
.photo-lightbox button { flex: 0 0 auto; width: auto; min-width: 44px; min-height: 44px; margin: 0 8px 8px 0; }
.photo-lightbox button:focus, .photo-trigger:focus { outline: 3px solid #ffcb47; outline-offset: 2px; }
.photo-lightbox-status { width: 100%; margin: 0; padding: 8px 0; }
.photo-lightbox-stage { position: absolute; top: 128px; bottom: 12px; left: 12px; right: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; touch-action: none; }
.photo-lightbox-stage img { max-width: 100%; max-height: 100%; object-fit: contain; flex: 0 1 auto; }
.photo-trigger { display: inline-block; padding: 0; background: transparent; width: auto; }
.photo-trigger:hover { background: transparent; }
.photo-trigger .observation-photo { display: block; margin: 0; }
.photo-lightbox-stage img { transform-origin: center center; -webkit-user-select: none; user-select: none; }