html,body,#viewer{width:100%;height:100%;margin:0;background:#fff;overflow:hidden}
#viewer{position:relative;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;user-select:none}
#viewer.dragging{cursor:grabbing}#spin-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}
#loading{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:8px 12px;border-radius:5px;background:#e69f00;color:#111;font:600 14px system-ui}
#frame-readout{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:5px;background:rgba(32,34,38,.88);color:#fff;border:2px solid #e69f00;font:700 13px/1.2 system-ui;pointer-events:none}