*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#000;padding:0;margin:0;position:fixed;width:100vw;height:100vh}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:0}#viewerContainer{width:100vw;height:100vh;position:relative;background:#000}#viewerContainer canvas{display:block;width:100%!important;height:100%!important;touch-action:none}#viewerContainer{touch-action:none;overscroll-behavior:none}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#fff9;font-size:.875rem}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.875rem;text-align:center;max-width:80%;z-index:10}.no-url{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center;z-index:10}.no-url p{color:#fffc;font-size:1rem;margin:8px 0}.no-url .hint{color:#fff6;font-size:.875rem;margin-top:12px}