.image-viewer-wrapper[data-v-7b97264f]{width:100%;height:100%;position:relative;background:#fff}.image-fallback[data-v-7b97264f]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;z-index:20}.image-fallback .fallback-img[data-v-7b97264f]{height:160px;width:auto;object-fit:contain;margin-bottom:10px}.image-fallback .fallback-text[data-v-7b97264f]{color:#8c8c8c;font-size:14px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.error-overlay[data-v-7b97264f],.loading-overlay[data-v-7b97264f]{position:absolute;inset:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:20}.error-overlay[data-v-7b97264f]{color:#ff4d4f}.image-container[data-v-7b97264f]{width:100%;height:100%;cursor:grab}.image-container[data-v-7b97264f]:active{cursor:grabbing}.image-container[data-v-7b97264f] svg{width:100%;height:100%;display:block}.image-container .target-image[data-v-7b97264f]{pointer-events:none}.controls[data-v-7b97264f]{position:absolute;bottom:10px;right:10px;display:flex;z-index:10}.controls button[data-v-7b97264f]{width:24px;height:24px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0;margin-right:4px}.controls button[data-v-7b97264f]:last-child{margin-right:0}.controls button[data-v-7b97264f]:hover{background:#f0f0f0}