*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100%;height:100%;overflow:hidden}@media screen and (orientation:landscape){.ar-portrait-lock{transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg);width:100vh!important;height:100vw!important}}.page{width:100%;height:80svh;position:relative}.viewer-container{width:100%;height:90svh}.fallback-btn{z-index:10;color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:12px 20px;font-size:16px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.fallback-container{background:#000;justify-content:center;align-items:center;width:100%;height:100svh;display:flex}.fallback-image{object-fit:contain;width:90%;max-width:500px}.home{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100svh;display:flex}.buttons{gap:20px;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:14px 24px}.image-container{background:#000;justify-content:center;align-items:center;width:100vw;height:100svh;animation:5s fadeIn;display:flex}.image-container img{object-fit:contain;max-width:100%;max-height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.viewer-page{background:#000;width:100vw;height:100svh;position:relative;overflow:hidden}.viewer-container canvas{display:block;width:100%!important;height:100%!important}.view-2d-btn{z-index:1000;color:#111;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:none;border-radius:50%;width:50px;height:50px;padding:0;font-size:16.5px;font-weight:600;transition:all .4s;position:absolute;right:0%;transform:translate(-50%);box-shadow:0 12px 40px #000000b3}.view-2d-btn:hover{background:#fff;transform:translate(-50%)scale(1.08);box-shadow:0 18px 45px #000c}