.s45-card-viewer{position:relative;background:#343a40;height:clamp(300px,34vw,420px);overflow:hidden;color:#fff;isolation:isolate}
.s45-card-stage{position:absolute;inset:0;touch-action:pan-y;cursor:grab}.s45-card-stage:active{cursor:grabbing}.s45-card-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y!important}.s45-card-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.s45-card-stage[data-state=ready]>img{display:none}
.s45-card-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:5px;z-index:2}.s45-card-controls button{color:white;background:#20262be6;border:1px solid #ffffff25;border-radius:5px;min-width:36px;min-height:36px;font-size:1rem;cursor:pointer}.s45-card-hint{position:absolute;left:14px;bottom:17px;font-size:.66rem;pointer-events:none;background:#20262bbd;padding:6px 10px;border-radius:30px}.s45-card-stage[data-interacted=true]~.s45-card-hint{display:none}
.s45-card-load{position:absolute;top:14px;left:14px;border:1px solid #ffffff30;background:#20262be6;padding:8px 12px;color:#fff;font-size:.7rem;border-radius:5px;z-index:2;cursor:pointer}.s45-card-load[hidden]{display:none}.s45-card-stage:focus-visible{outline:2px solid #ff7528;outline-offset:-4px}
@media(max-width:960px){.s45-card-viewer{height:280px}.s45-card-hint{font-size:.59rem;left:10px}.s45-card-controls{right:10px;bottom:10px}}