body{background:#fff;height:100vh;margin:0;padding:0;font-family:Arial,sans-serif}#container{width:100vw;height:100vh;position:relative}#spinner{cursor:grab;width:100%;height:100%;position:relative}#spinner:active{cursor:grabbing}#spinner img{object-fit:contain;opacity:0;width:100%;height:100%;transition:none;position:absolute}#spinner img.active{opacity:1}#loading{color:#666;z-index:20;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader{border:4px solid #f3f3f3;border-top-color:#666;border-radius:50%;width:40px;height:40px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}