[data-v-8cad36b9] .image-viewer-drawer .el-drawer__body{overflow:hidden;padding:0}.drawer-header[data-v-8cad36b9]{background:#fafafa;border-bottom:1px solid #eee;justify-content:space-between;padding:15px 20px}.drawer-header[data-v-8cad36b9],.header-left[data-v-8cad36b9]{align-items:center;display:flex}.header-left[data-v-8cad36b9]{gap:20px}.drawer-title[data-v-8cad36b9]{color:#333;font-size:18px;font-weight:600}.image-counter[data-v-8cad36b9]{background:#fff;border:1px solid #ddd;border-radius:12px;color:#666;font-size:14px;padding:4px 12px}.header-right[data-v-8cad36b9]{align-items:center;display:flex}.image-viewer-content[data-v-8cad36b9]{display:flex;height:100%;overflow:hidden}.left-panel[data-v-8cad36b9]{background:#f8f9fa;border-right:1px solid #eee;overflow-y:auto;padding:20px;width:280px}.right-panel[data-v-8cad36b9]{flex:1;flex-direction:column}.image-container[data-v-8cad36b9],.right-panel[data-v-8cad36b9]{align-items:center;display:flex;justify-content:center;overflow:hidden}.image-container[data-v-8cad36b9]{height:-moz-fit-content;height:fit-content;padding:5px;width:-moz-fit-content;width:fit-content}.main-image[data-v-8cad36b9]{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center center;transition:transform .3s ease}.image-info-section[data-v-8cad36b9],.navigation-section[data-v-8cad36b9],.operation-section[data-v-8cad36b9]{margin-bottom:30px}.image-info-section h3[data-v-8cad36b9],.navigation-section h3[data-v-8cad36b9],.operation-section h3[data-v-8cad36b9]{border-bottom:2px solid #e1e5e9;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.button-group[data-v-8cad36b9]{display:flex;flex-direction:column}.info-item[data-v-8cad36b9]{margin-bottom:12px;padding:8px 0}.info-item label[data-v-8cad36b9]{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.info-item span[data-v-8cad36b9]{color:#333;display:block;font-size:14px;line-height:1.4;word-break:break-all}.loading-content[data-v-8cad36b9]{align-items:center;color:#666;display:flex;height:200px;justify-content:center}@media (max-width:768px){.image-viewer-content[data-v-8cad36b9]{flex-direction:column;height:auto}.left-panel[data-v-8cad36b9]{border-bottom:1px solid #eee;border-right:none;padding:15px;width:100%}.right-panel[data-v-8cad36b9]{min-height:400px}.image-container[data-v-8cad36b9]{padding:15px}}