.photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#050907ef;color:#f7f0dd}.photo-viewer::backdrop{background:#000e}.viewer-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom))}.viewer-top,.viewer-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-top strong{font-size:16px}.viewer-top span,.viewer-bottom span{font-size:11px;color:#c5d0c6}.viewer-top button{font-size:30px;line-height:1;border:1px solid #899a8d;background:#17251e;padding:2px 12px}.viewer-wrap img{max-width:100%;max-height:calc(100dvh - 150px);height:auto;width:auto;object-fit:contain;flex:1;min-height:0}.viewer-bottom button{min-width:80px;border:1px solid #687c68;background:#14231a;font-size:12px}.gallery-expand{margin-top:7px;display:block;width:100%;border:1px solid #394b3b;background:#15221a;color:#f2c280}.photo-gallery .gallery-image{cursor:zoom-in}@media(max-width:520px){.viewer-wrap{padding-left:6px;padding-right:6px}.viewer-bottom span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bottom button{min-width:60px}}