#photo-viewer{width:min(1000px,calc(100vw - 24px));max-width:1000px;height:min(760px,90dvh);max-height:90dvh;padding:16px;border:1px solid #86b4ac;border-radius:16px;background:#16373d;color:#f2f6f0;overflow:auto;font:14px system-ui}#photo-viewer::backdrop{background:#061a21ca}.photo-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.photo-heading button,.photo-actions button{min-width:44px;min-height:40px;color:#f1f6f0;border:1px solid #86b4ac;background:#2c5054;border-radius:9px;padding:5px 12px;font:inherit;cursor:pointer}.photo-stage{width:100%;height:calc(100% - 150px);min-height:170px;border-radius:10px;overflow:hidden;background:#071f25}.photo-stage canvas{display:block;width:100%;height:100%;touch-action:none}.photo-stage img{width:100%;height:100%;object-fit:contain}.photo-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}#photo-projection{font-size:13px;color:#c9e5d9}#photo-status.error{color:#ffe1b2}.panorama-result-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.panorama-result-actions button{min-height:40px}.pano-share-note{font-size:12px;line-height:1.6}#pano-share-status.error{color:#a23b19;font-weight:700}#photo-viewer[hidden],#photo-viewer [hidden]{display:none!important}@media(max-width:650px){#photo-viewer{padding:12px;height:85dvh}.photo-stage{height:calc(100% - 170px)}#photo-projection{font-size:12px}}