.dd-viewer{position:relative;overflow:hidden;min-height:240px;height:540px;isolation:isolate;background:#15212b;touch-action:none;cursor:grab;outline-offset:4px;color:#fff;border-radius:16px}.dd-viewer:active{cursor:grabbing}.dd-viewer:focus-visible{outline:3px solid #db931d}.dd-image{position:absolute!important;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;user-select:none;pointer-events:none;will-change:transform}.dd-toolbar{position:absolute;z-index:2;left:16px;top:16px;display:flex;gap:4px;background:#fff;padding:5px;border-radius:10px;box-shadow:0 3px 18px #0003;cursor:default}.dd-toolbar button{appearance:none;border:0;background:#fff;color:#102c3b;font:600 14px/1 system-ui,sans-serif;border-radius:6px;min-width:42px;min-height:40px;padding:10px;cursor:pointer}.dd-toolbar button:hover{background:#e7f0f3}.dd-toolbar button:focus-visible{outline:3px solid #b35b00}.dd-toolbar button:disabled{opacity:.35;cursor:default}.dd-status{position:absolute;bottom:14px;right:14px;background:#102c3be8;color:#fff;border-radius:6px;padding:7px 10px;font:12px/1.5 ui-monospace,monospace;pointer-events:none}@media(prefers-reduced-motion:reduce){.dd-image{will-change:auto}}@media(max-width:500px){.dd-viewer{height:420px}.dd-toolbar{left:10px;top:10px}}