.viewer{z-index:50;background:#000;position:fixed;inset:0}.close-button{z-index:50;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.close-button:hover{background:#000000b3}.controls{z-index:50;background:#00000080;border-radius:9999px;gap:8px;padding:4px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.mode-button{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:9999px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.mode-button:hover{background:#fff3}.mode-button.active{color:#000;background:#fff}.mode-button.loading{opacity:.5;cursor:wait}.spinner{z-index:40;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner:after{content:"";border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.canvas{width:100dvw;height:100dvh}