.bth-atom-viewer{width:100%;max-width:520px;margin:18px auto 22px;color:#6a7078;font:13px/1.6 Arial,sans-serif}.bth-atom-stage{width:100%;aspect-ratio:1;position:relative;min-height:180px;overflow:hidden;border-radius:10px;background:#fff}.bth-atom-stage>canvas,.bth-atom-stage>.bth-atom-fallback{display:block;width:100%;height:100%;max-width:none;margin:0}.bth-atom-stage>canvas{touch-action:none;cursor:grab}.bth-atom-stage>canvas:active{cursor:grabbing}.bth-atom-controls{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}.bth-atom-viewer .bth-atom-controls button{border:1px solid #e1e7ef;background:#f6f9fd;color:#557198;border-radius:20px;padding:6px 10px;font:11px/1.4 Arial,sans-serif;min-height:32px;cursor:pointer}.bth-atom-viewer .bth-atom-controls button:hover,.bth-atom-viewer .bth-atom-controls button:focus{background:#e8f0fe;color:#245fb9}.bth-atom-viewer .bth-atom-controls button:disabled{opacity:.5;cursor:default}.bth-atom-viewer :is(button,canvas):focus-visible{outline:3px solid #8ab4f8;outline-offset:2px}.bth-atom-viewer .bth-atom-help,.bth-atom-viewer .bth-atom-caption{font-size:10px;text-align:center;color:#929ba8;margin:9px 0 0}.bth-atom-viewer .bth-atom-caption{font-size:9px}.bth-atom-fallback{aspect-ratio:1;max-width:100%}@media(pointer:coarse){.bth-atom-viewer .bth-atom-controls button{min-height:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){.bth-atom-viewer *{transition:none!important}}