:root{color-scheme:dark;background:#102f39}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
.photo-page{position:fixed;inset:auto;left:var(--photo-left,0px);top:var(--photo-top,0px);width:var(--photo-width,100%);height:100vh;height:var(--photo-height,100dvh);margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#102f39}
.photo-page img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;object-position:50% 50%;cursor:zoom-in;outline-offset:-4px}
.photo-restore{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#102f39cc;color:white;padding:0;cursor:pointer}
.photo-restore[hidden]{display:none}
.photo-page:fullscreen{inset:0;width:100%;height:100%;}
.photo-page:-webkit-full-screen{inset:0;width:100%;height:100%;}
.photo-page:fullscreen img{cursor:zoom-out}
.photo-page:-webkit-full-screen img{cursor:zoom-out}