.image-zoom-modal-overlay{z-index:999999;cursor:zoom-out;background-color:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.image-zoom-modal-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-zoom-close-btn{color:#fff;cursor:pointer;z-index:1000000;background-color:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:background-color .2s;display:flex;position:fixed;top:20px;right:20px}.image-zoom-close-btn:hover{background-color:#ffffff80}.image-zoom-controls{z-index:1000000;gap:8px;display:flex;position:fixed;top:20px;left:20px}.image-zoom-btn{color:#fff;cursor:pointer;background-color:#ffffff4d;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;transition:background-color .2s;display:flex}.image-zoom-btn:hover{background-color:#ffffff80}.image-zoom-indicator{color:#fff;z-index:1000000;background-color:#000000b3;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;position:fixed;top:20px;left:50%;transform:translate(-50%)}.image-zoom-container{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.image-zoom-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;border-radius:8px;max-width:100%;max-height:100%}.image-zoom-instructions{color:#fff;text-align:center;z-index:1000000;background-color:#000000b3;border-radius:20px;padding:12px 24px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.image-zoom-instructions p{opacity:.8;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-zoom-modal-overlay{animation:.2s ease-out fadeIn}@media (width<=768px){.image-zoom-controls{gap:4px;top:10px;left:10px}.image-zoom-btn{width:35px;height:35px;font-size:16px}.image-zoom-close-btn{width:45px;height:45px;font-size:20px;top:10px;right:10px}.image-zoom-indicator{padding:6px 12px;font-size:12px;top:10px}.image-zoom-instructions{padding:8px 16px;font-size:11px;bottom:10px}}@media (hover:none) and (pointer:coarse){.image-zoom-controls{gap:12px}.image-zoom-btn{width:50px;height:50px;font-size:20px}}.image-zoom-modal-overlay.loading{cursor:wait}.image-zoom-modal-overlay.loading .image-zoom-image{opacity:.5}.image-zoom-modal-content *{transition:all .2s}.image-zoom-btn:focus,.image-zoom-close-btn:focus{outline-offset:2px;outline:2px solid #007aff}@media (prefers-color-scheme:dark){.image-zoom-modal-overlay{background-color:#000000f2}}