:root{--primary-color:#ff6a00;--primary-gradient:linear-gradient(135deg, #ff3d00 0%, #f70 45%, #fa0 100%);--secondary-color:#1a1a1a;--text-color:#fff;--text-muted:#ffffffbf;--glass-bg:#14100ebf;--glass-border:#ff782838;--glass-border-focus:#ff8c328c;--glass-shadow:0 12px 40px 0 #0000008c, 0 0 25px #ff5a001f;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;font-family:var(--font-family);color:var(--text-color);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#0b0907;overflow:hidden}#container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}#container canvas,#container video{object-fit:cover;z-index:0;position:absolute;top:0;left:0;transform:translateZ(0);width:100%!important;height:100%!important}#ui-layer{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:translateZ(10px)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);pointer-events:auto;border-radius:24px}.overlay{text-align:center;width:400px;max-width:90%;padding:36px 28px;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s,transform .4s;position:absolute}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96)}.onboarding-step{animation:.35s cubic-bezier(.16,1,.3,1) onboarding-fade-in}.onboarding-step.hidden{display:none}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.overlay h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#ffb074 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2.1rem;font-weight:700}.overlay p{color:var(--text-muted);margin-bottom:28px;font-size:1.05rem;font-weight:350;line-height:1.55}.button-group{justify-content:center;gap:15px;margin-top:5px;display:flex}.primary-btn{background:var(--primary-gradient);color:#fff;font-size:1.1rem;font-family:var(--font-family);letter-spacing:.02em;cursor:pointer;border:none;border-radius:50px;outline:none;padding:14px 34px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;box-shadow:0 4px 22px #ff5a0073,inset 0 0 0 1px #ffaa004d}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #ff5a00a6,inset 0 0 0 1px #ffc80080}.primary-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 14px #ff5a0066}.primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:4px solid #ff3d00;border-color:#ff3d00 #fa0 #ffffff1a #ffffff1a;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:.9s cubic-bezier(.5,.1,.5,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.info-panel{text-align:center;width:90%;max-width:400px;padding:20px 24px;transition:bottom .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.info-panel.hidden{opacity:0;pointer-events:none;bottom:-150px}.info-panel h2{background:linear-gradient(135deg,#fff,#ffa050);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.4rem;font-weight:600}.info-panel p{color:var(--text-muted);margin-bottom:0;font-size:.95rem;line-height:1.45}#inspector-canvas{z-index:5;pointer-events:none;opacity:1;-webkit-backface-visibility:hidden;background:0 0;position:absolute;top:0;left:0;transform:translateZ(5px);width:100%!important;height:100%!important}#inspector-canvas.active-3d{pointer-events:auto}.studio-bg{z-index:1;opacity:1;pointer-events:none;background:radial-gradient(circle,#231710 0%,#0a0705 100%);width:100%;height:100%;transition:opacity .4s,visibility .4s;position:absolute;top:0;left:0;transform:translateZ(1px)}.studio-bg.hidden{opacity:0;visibility:hidden}.mode-pill{background:var(--glass-bg);border:1px solid var(--glass-border);z-index:100;pointer-events:auto;border-radius:30px;padding:4px;transition:opacity .3s;display:flex;position:absolute;top:20px;left:20px}.mode-pill.hidden{opacity:0;pointer-events:none}.mode-btn{color:#ffffffa6;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-radius:24px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-btn:hover{color:#fff}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#ff4500 0%,#f70 50%,#fa0 100%);font-weight:600;box-shadow:0 2px 14px #ff5a0073}#model-loading-bar-container{z-index:100;pointer-events:auto;flex-direction:column;gap:10px;width:90%;max-width:380px;padding:14px 20px;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}#model-loading-bar-container.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,15px)}.loading-header{color:#fff;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;display:flex}#loading-percentage{background:linear-gradient(90deg,#f70,#fa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:monospace;font-size:.95rem;font-weight:700}.progress-track{background:#ffffff1f;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff3d00 0%,#f70 50%,#fa0 100%);border-radius:10px;width:0%;height:100%;transition:width .15s ease-out;box-shadow:0 0 14px #ff7700b3}.calibration-reticle{pointer-events:none;z-index:1000;border:2px solid #ffffffe6;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff6a0066}.calibration-reticle:after{content:"";background-color:#f70;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}