.image-preview-container[data-v-d7cc1e3e]{display:flex;height:80vh}.image-preview-container.is-mobile[data-v-d7cc1e3e]{flex-direction:column;height:70vh;padding-right:0}.main-image-area[data-v-d7cc1e3e]{display:flex;flex:1;flex-direction:column;position:relative}.image-preview-container.is-mobile .main-image-area[data-v-d7cc1e3e]{height:0}.image-wrapper[data-v-d7cc1e3e]{align-items:center;cursor:default;display:flex;flex:1;justify-content:center;overflow:hidden;position:relative;touch-action:none}.image-wrapper img[data-v-d7cc1e3e]{max-height:none;max-width:none;transform-origin:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.preview-image[data-v-d7cc1e3e]{filter:blur(0);left:50%;-o-object-fit:contain;object-fit:contain;opacity:1;position:absolute;top:50%}.preview-image.is-thumbnail-placeholder[data-v-d7cc1e3e]{filter:blur(6px);opacity:.78}[data-v-d7cc1e3e] .preview-image-loading.u-spin.no-content .ant-spin-container{background-color:transparent}.compact-control-bar[data-v-d7cc1e3e]{align-items:center;background-color:#fffffff2;border:1px solid #dee2e6;bottom:20px;box-shadow:0 2px 11.7px #0000000d;display:flex;justify-content:space-between;padding:0 12px;position:absolute;right:30px;z-index:100}.compact-control-bar.is-mobile[data-v-d7cc1e3e]{bottom:12px;flex-wrap:wrap;gap:2px 8px;height:auto!important;justify-content:center;left:50%;max-width:calc(100% - 24px);min-height:40px;padding:6px 8px;right:auto;transform:translate(-50%);width:-moz-max-content;width:max-content}.nav-section[data-v-d7cc1e3e]{align-items:center;display:flex;gap:6px}.preview-page-button[data-v-d7cc1e3e]:disabled{background:transparent!important;color:#00000040!important}.preview-page-button[data-v-d7cc1e3e]:disabled .u-icon i,.preview-page-button[data-v-d7cc1e3e]:disabled .u-icon,.preview-page-button[data-v-d7cc1e3e]:disabled svg{color:#00000040!important;--icon-primary:rgba(0,0,0,.25)!important;--icon-secondary:rgba(0,0,0,.25)!important}.zoom-section[data-v-d7cc1e3e]{gap:6px}.compact-btn[data-v-d7cc1e3e],.zoom-section[data-v-d7cc1e3e]{align-items:center;display:flex}.compact-btn[data-v-d7cc1e3e]{background-color:#4a90e2;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.compact-btn[data-v-d7cc1e3e]:hover:not(:disabled){background-color:#357abd;transform:scale(1.1)}.compact-btn[data-v-d7cc1e3e]:disabled{cursor:not-allowed;opacity:.4;transform:none}.nav-btn[data-v-d7cc1e3e]{background-color:#28a745}.nav-btn[data-v-d7cc1e3e]:hover:not(:disabled){background-color:#218838}.reset-btn[data-v-d7cc1e3e]{background-color:#6c757d;font-size:12px}.reset-btn[data-v-d7cc1e3e]:hover:not(:disabled){background-color:#5a6268}.page-counter[data-v-d7cc1e3e]{color:#495057;font-size:13px;font-weight:500;min-width:40px;text-align:center}.zoom-level[data-v-d7cc1e3e]{min-width:35px}.zoom-input[data-v-d7cc1e3e],.zoom-level[data-v-d7cc1e3e]{color:#495057;font-size:12px;font-weight:500;text-align:center}.zoom-input[data-v-d7cc1e3e]{-moz-appearance:textfield;border-radius:4px;height:28px;outline:none;padding:0 4px;transition:all .2s ease;width:50px}.zoom-input[data-v-d7cc1e3e]::-webkit-inner-spin-button,.zoom-input[data-v-d7cc1e3e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.zoom-input[data-v-d7cc1e3e]:hover{border-color:#ced4da}.zoom-input[data-v-d7cc1e3e]:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.zoom-unit[data-v-d7cc1e3e]{margin-right:4px}.page-input[data-v-d7cc1e3e],.zoom-unit[data-v-d7cc1e3e]{color:#495057;font-size:12px}.page-input[data-v-d7cc1e3e]{-moz-appearance:textfield;border-radius:4px;font-weight:500;height:28px;outline:none;padding:0 4px;text-align:center;transition:all .2s ease;width:40px}.page-input[data-v-d7cc1e3e]::-webkit-inner-spin-button,.page-input[data-v-d7cc1e3e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-input[data-v-d7cc1e3e]:hover{border-color:#ced4da}.page-input[data-v-d7cc1e3e]:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.page-separator[data-v-d7cc1e3e]{color:#adb5bd;margin:0 2px}.page-separator[data-v-d7cc1e3e],.page-total[data-v-d7cc1e3e]{font-size:12px;line-height:28px}.page-total[data-v-d7cc1e3e]{color:#495057;font-weight:500;min-width:20px;text-align:center}.thumbnail-area[data-v-d7cc1e3e]{border-left:1px solid #e9ecef;overflow-y:auto;padding:20px 18px;width:280px}.thumbnail-area.is-mobile[data-v-d7cc1e3e]{border-left:none;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;height:auto;max-height:120px;overflow-x:auto;overflow-y:hidden;padding:12px;width:100%}.thumbnail-cell[data-v-d7cc1e3e]{align-items:center;display:flex;flex-direction:column;gap:8px}.thumbnail-area.is-mobile .thumbnail-cell[data-v-d7cc1e3e]{flex-shrink:0;margin-bottom:0}.thumbnail-item[data-v-d7cc1e3e]{background-color:var(--Color-Interface-Container-BG-White,#fff);border:2px solid transparent;border-radius:14px;cursor:pointer;overflow:hidden;transition:all .2s ease}.thumbnail-item>div[data-v-d7cc1e3e]{min-height:50px}.thumbnail-area.is-mobile .thumbnail-item[data-v-d7cc1e3e]{border-width:2px;flex-shrink:0;height:92px;margin-bottom:0;width:126px}.thumbnail-item[data-v-d7cc1e3e]:hover{transform:translateY(-1px)}.thumbnail-item.active[data-v-d7cc1e3e]{border-color:#4a90e2}.thumbnail-index[data-v-d7cc1e3e]{color:var(--Color-Text-Tertiary,#8a8f98);font-size:12px;font-weight:500;line-height:18px;text-align:left;width:100%}.thumbnail-cell.active .thumbnail-index[data-v-d7cc1e3e]{color:var(--Color-Text-Primary,#1f2329)}.thumbnail-item img[data-v-d7cc1e3e]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-area[data-v-d7cc1e3e]::-webkit-scrollbar{width:6px}.thumbnail-area[data-v-d7cc1e3e]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.thumbnail-area[data-v-d7cc1e3e]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.thumbnail-area[data-v-d7cc1e3e]::-webkit-scrollbar-thumb:hover{background:#0000004d}.thumbnail-area.is-mobile[data-v-d7cc1e3e]::-webkit-scrollbar{height:4px;width:4px}.thumbnail-area.is-mobile[data-v-d7cc1e3e]::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.thumbnail-area.is-mobile[data-v-d7cc1e3e]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}@media(max-width:768px){.image-preview-container[data-v-d7cc1e3e]{flex-direction:column;height:100vh}.compact-control-bar[data-v-d7cc1e3e]{bottom:15px}.compact-btn[data-v-d7cc1e3e]{font-size:13px;height:26px;width:26px}.thumbnail-area[data-v-d7cc1e3e]{border-left:none;border-top:1px solid #e9ecef;display:flex;gap:12px;height:auto;max-height:120px;overflow-x:auto;overflow-y:hidden;padding:12px;width:100%}.thumbnail-item[data-v-d7cc1e3e]{flex-shrink:0;height:80px;margin-bottom:0;width:80px}}.compact-control-bar.is-mobile .nav-section[data-v-d7cc1e3e],.compact-control-bar.is-mobile .zoom-section[data-v-d7cc1e3e]{flex-shrink:0;gap:2px}.compact-control-bar.is-mobile .zoom-input[data-v-d7cc1e3e]{width:42px}.compact-control-bar.is-mobile .page-input[data-v-d7cc1e3e]{width:34px}.compact-control-bar.is-mobile .zoom-unit[data-v-d7cc1e3e]{margin-right:0}.image-wrapper.dragging[data-v-d7cc1e3e]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}