*{margin:0;padding:0;box-sizing:border-box}body{font-family:__Noto_Sans_b0dda9,__Noto_Sans_Fallback_b0dda9,sans-serif;background:#0f172b;color:#000;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:-1}#app{position:relative;width:100vw;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;padding:2rem}#app.no-ar-support{align-items:flex-start;padding-top:3rem}#app.mobile-no-ar-support{align-items:flex-end;padding-bottom:3rem}#info{text-align:center;z-index:100;background:#fff;padding:2rem;border-radius:2.5px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;flex:0 0 auto;min-width:300px;max-width:400px}#info h1{font-size:2.5rem;margin-bottom:1rem;color:#000;font-weight:100}#info p{font-size:1.1rem;margin-bottom:1rem;opacity:.9;color:#000}#info p small{display:block;margin-top:.5rem;font-size:.85rem;opacity:.7;font-style:italic}#info small{font-size:.9rem;opacity:.7;display:block;margin-bottom:2rem}#ar-button{background:#ff7321;border:0px solid #000000;color:#fff;padding:1rem 2rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:none;border-radius:2;letter-spacing:1px;display:block;margin:0 auto}#ar-button:hover:not(:disabled){opacity:.5}#ar-button:disabled{background:#666;cursor:not-allowed;box-shadow:none}#status{margin-top:1rem;font-size:.9rem;opacity:.8;min-height:1.2rem;color:#000}#usage-instructions{position:relative;background:#fff;padding:2rem;border-radius:2.5px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;flex:1 1 auto;min-width:400px;max-width:600px;text-align:left;z-index:90;overflow-y:auto;max-height:80vh;color:#000}#usage-instructions h2{font-size:2rem;margin-bottom:1.5rem;color:#000;text-align:center}.instruction-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:2.5px;border-left:1px solid rgba(0,0,0,.1)}.instruction-section h3{font-size:1.3rem;margin-bottom:1rem;color:#000;display:flex;align-items:center;gap:.5rem}.instruction-section ul{list-style:none;padding-left:0}.instruction-section li{margin-bottom:.8rem;padding-left:1.5rem;position:relative;line-height:1.5}.instruction-section li:before{content:"▶";color:#000;font-size:.8rem;position:absolute;left:0;top:.1rem}.instruction-section strong{color:#000;font-weight:600}#loading,#model-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:200;background:#fff;padding:2rem;border-radius:2.5px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;color:#000}.spinner{width:50px;height:50px;border:3px solid rgba(0,0,0,.1);border-top:3px solid #000000;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#error{position:relative;margin:2rem auto;background:#fff;padding:2rem;border-radius:2.5px;text-align:center;max-width:500px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;color:#000}#error h2{color:#000;margin-bottom:1rem}#error ul{text-align:left;margin-top:1rem;padding-left:1.5rem}#error li{margin-bottom:.5rem}body.xr-session #info,body.xr-session #usage-instructions,body.xr-session #loading,body.xr-session #model-loading,body.xr-session #error{display:none}body.xr-session #app{align-items:center;padding:2rem}canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}body:not(.xr-session) canvas{pointer-events:none}body.xr-session canvas{pointer-events:auto;z-index:1000}@media (max-width: 1200px){#app{flex-direction:column;gap:1rem;padding:1rem}#app.no-ar-support{padding-top:2rem}#app.mobile-no-ar-support{padding-bottom:2rem}#info{min-width:auto;max-width:none;width:100%}#usage-instructions{min-width:auto;max-width:none;width:100%;max-height:none}}@media (max-width: 768px){#app.no-ar-support{padding-top:1.5rem}#app.mobile-no-ar-support{padding-bottom:1.5rem}#info{padding:1.5rem}#info h1{font-size:2rem}#info p{font-size:1rem}#ar-button{padding:.8rem 1.5rem;font-size:1rem}#usage-instructions{padding:1.5rem}#usage-instructions h2{font-size:1.5rem}.instruction-section{padding:1rem}.instruction-section h3{font-size:1.1rem}}@media (max-width: 480px){#app{padding:.5rem;gap:.5rem}#app.no-ar-support{padding-top:1rem}#app.mobile-no-ar-support{padding-bottom:1rem}#info{padding:1rem}#info h1{font-size:1.5rem}#ar-button{padding:.7rem 1.2rem;font-size:.9rem}#usage-instructions{padding:1rem}#usage-instructions h2{font-size:1.3rem}.instruction-section{padding:.8rem}.instruction-section h3{font-size:1rem}}
