.image-viewer[data-v-717179f2]{position:fixed;inset:0;z-index:9999}.viewer-mask[data-v-717179f2]{position:absolute;width:100%;height:100%;background:#000000d9}.viewer-canvas[data-v-717179f2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 100px;box-sizing:border-box}.viewer-canvas img[data-v-717179f2]{max-width:100%;max-height:100%;object-fit:contain;cursor:grab;user-select:none}.viewer-canvas img[data-v-717179f2]:active{cursor:grabbing}.viewer-btn[data-v-717179f2]{position:absolute;z-index:10001;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#00000080;color:#fff;font-size:24px;cursor:pointer;transition:all .3s}.viewer-btn[data-v-717179f2]:hover{background:#000000b3}.viewer-btn.is-disabled[data-v-717179f2]{opacity:.3;cursor:not-allowed}.viewer-btn.is-disabled[data-v-717179f2]:hover{background:#00000080}.viewer-close[data-v-717179f2]{top:20px;right:20px}.viewer-prev[data-v-717179f2]{top:50%;left:20px;transform:translateY(-50%)}.viewer-next[data-v-717179f2]{top:50%;right:20px;transform:translateY(-50%)}.viewer-toolbar[data-v-717179f2]{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:10001;padding:8px 16px;background:#0009;border-radius:24px;color:#fff;font-size:14px}.viewer-actions[data-v-717179f2]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10001;display:flex;gap:12px;padding:8px 16px;background:#0009;border-radius:24px}.viewer-action[data-v-717179f2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;font-size:18px;cursor:pointer;transition:all .3s;border-radius:50%}.viewer-action[data-v-717179f2]:hover{background:#ffffff1a}.viewer-fade-enter-active[data-v-717179f2],.viewer-fade-leave-active[data-v-717179f2]{transition:opacity .3s}.viewer-fade-enter-from[data-v-717179f2],.viewer-fade-leave-to[data-v-717179f2]{opacity:0}@media (max-width: 768px){.viewer-canvas[data-v-717179f2]{padding:60px 20px}.viewer-btn[data-v-717179f2]{width:40px;height:40px;font-size:20px}.viewer-close[data-v-717179f2]{top:10px;right:10px}.viewer-prev[data-v-717179f2]{left:10px}.viewer-next[data-v-717179f2]{right:10px}.viewer-toolbar[data-v-717179f2]{bottom:70px}.viewer-actions[data-v-717179f2]{bottom:10px}}