.mark-photo-trigger{cursor:zoom-in}.mark-photo-trigger:focus-visible{outline:2px solid #999;outline-offset:-4px}.mark-lightbox{position:fixed;inset:0;margin:auto;width:100vw;max-width:none;height:100dvh;max-height:none;padding:64px 72px;border:0;background:rgba(0,0,0,.96);color:#fff;overflow:hidden;overscroll-behavior:contain}.mark-lightbox[open]{display:flex;align-items:center;justify-content:center}.mark-lightbox::backdrop{background:#000}.mark-lightbox>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.mark-lightbox>button{position:absolute;display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border:1px solid #555;background:#111;color:#fff;font-size:26px;line-height:1}.mark-lightbox>button:hover{background:#292929}.mark-lightbox>button:focus-visible{outline:2px solid #fff;outline-offset:3px}.mark-lightbox-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.mark-lightbox-prev{left:12px;top:calc(50% - 24px)}.mark-lightbox-next{right:12px;top:calc(50% - 24px)}.mark-lightbox-count{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;color:#bbb}@media(max-width:600px){.mark-lightbox{padding:72px 12px 88px}.mark-lightbox-next,.mark-lightbox-prev{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}}