.img_viewer_main{justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;overflow:auto}.img_viewer{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.img_viewer img{object-fit:contain;width:auto;max-width:min(100%,800px);height:auto;max-height:100%;transition:transform .3s;box-shadow:0 10px 30px #0000001a}[data-theme=dark] .img_viewer img{box-shadow:0 10px 30px #0006}.image-zoom-controls{background:var(--bg-primary,#fff);z-index:10;border:1px solid var(--border-color,#eaeaea);border-radius:50px;flex-direction:column;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:24px;right:8px;box-shadow:0 4px 12px #00000026}.image-zoom-controls button{cursor:pointer;width:32px;height:32px;color:var(--text-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,opacity .2s;display:flex}.image-zoom-controls button svg{width:16px;height:16px}.image-zoom-controls button svg path[fill]{fill:currentColor}.image-zoom-controls button svg path[stroke]{stroke:currentColor}.image-zoom-controls button:disabled{opacity:.5;cursor:not-allowed;background:0 0}.image-zoom-controls button:hover:not(:disabled){background:var(--bg-hover,#f3f3f3)}.zoom-divider{background:var(--border-color,#eaeaea);width:20px;height:1px;margin:2px 0}[data-theme=dark] .image-zoom-controls{background:var(--bg-color-2,#1e1e1e);border-color:var(--border-color,#333);box-shadow:0 4px 12px #00000080}[data-theme=dark] .zoom-divider{background:var(--border-color,#333)}[data-theme=dark] .image-zoom-controls button:hover:not(:disabled){background:var(--bg-hover,#2a2a2a)}