.dh-image-viewer{position:relative;isolation:isolate;flex:1;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;background:#0b0f16;overscroll-behavior:contain}.dh-image-viewer>img{position:absolute!important;left:50%;top:50%;max-width:none!important;max-height:none!important;margin:0!important;display:block;object-fit:contain;user-select:none;touch-action:none}.dh-image-viewer.is-zoomed{cursor:grab}.dh-image-viewer.is-dragging{cursor:grabbing}.dh-image-tools{display:flex;align-items:center;gap:3px;flex:none}.dh-image-tools button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:34px;min-width:34px;padding:5px;border:1px solid #465161;border-radius:7px;background:#27303d;color:#dfeafa;font:12px/1.2 system-ui,sans-serif;cursor:pointer}.dh-image-tools button:hover{background:#3a495b}.dh-image-tools button:disabled{opacity:.4;cursor:default}.dh-image-tools button:focus-visible{outline:2px solid #91caff;outline-offset:2px}.dh-image-tools button[aria-pressed=true]{border-color:#93c7f5;background:#294259}.dh-image-tools .dh-image-scale{min-width:58px;font-variant-numeric:tabular-nums;white-space:nowrap}.dh-image-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dh-image-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);max-width:90%;padding:5px 9px;background:#07111baf;border-radius:7px;pointer-events:none;font:11px/1.3 system-ui,sans-serif;color:#d7e1ed;text-align:center;white-space:nowrap}.dh-image-hint[hidden]{display:none}.dh-image-viewer>.dh-image-tools{position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}
@media(max-width:720px){.dh-image-tools button{min-height:40px;min-width:34px}.dh-image-tools .dh-image-scale{min-width:52px}.dh-image-hint{display:none}.cloud-viewer__tools:has(.dh-image-tools){gap:5px}.cloud-viewer__tools:has(.dh-image-tools)>.btn{padding:6px 8px;font-size:11px}}