.image-viewer-page[data-v-d8dfd072]{width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;overflow:hidden}.image-container[data-v-d8dfd072]{flex:1;display:flex;flex-direction:column;position:relative}.toolbar[data-v-d8dfd072]{justify-content:space-between;padding:10px 20px;background:rgba(0,0,0,.8);color:#fff;z-index:100}.toolbar-left[data-v-d8dfd072],.toolbar[data-v-d8dfd072]{display:flex;align-items:center}.image-title[data-v-d8dfd072]{margin:0;font-size:18px;font-weight:500}.toolbar-right[data-v-d8dfd072]{display:flex;gap:10px}.toolbar-btn[data-v-d8dfd072]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:all .2s ease}.toolbar-btn[data-v-d8dfd072]:hover{background:hsla(0,0%,100%,.2)}.image-display[data-v-d8dfd072]{flex:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.image-display img[data-v-d8dfd072]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-error[data-v-d8dfd072],.image-loading[data-v-d8dfd072]{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-size:16px}.image-loading i[data-v-d8dfd072]{font-size:24px;animation:spin-d8dfd072 1s linear infinite}.image-error i[data-v-d8dfd072]{font-size:24px;color:#ef4444}.retry-btn[data-v-d8dfd072]{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.retry-btn[data-v-d8dfd072]:hover{background:#2563eb}.controls[data-v-d8dfd072]{display:flex;justify-content:center;align-items:center;gap:20px;padding:15px 20px;background:rgba(0,0,0,.8);color:#fff}.control-group[data-v-d8dfd072]{display:flex;gap:5px}.control-btn[data-v-d8dfd072]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:all .2s ease}.control-btn[data-v-d8dfd072]:hover:not(:disabled){background:hsla(0,0%,100%,.2)}.control-btn[data-v-d8dfd072]:disabled{opacity:.5;cursor:not-allowed}.scale-info[data-v-d8dfd072]{font-size:14px;font-weight:500;min-width:60px;text-align:center}@keyframes spin-d8dfd072{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.toolbar[data-v-d8dfd072]{padding:8px 15px}.image-title[data-v-d8dfd072]{font-size:16px}.toolbar-btn[data-v-d8dfd072]{padding:6px 10px;font-size:12px}.controls[data-v-d8dfd072]{padding:10px 15px;gap:10px}.control-btn[data-v-d8dfd072]{padding:6px 10px;font-size:12px}}