html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;overflow:hidden}.r3f{touch-action:none}.htmlScreen iframe{width:1044px;height:700px;border:none;border-radius:20px;background:#fff}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1414;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .6s ease-out}.loader-container.fade-out{opacity:0}.loader-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loader-line{width:180px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loader-line-fill{height:100%;background:#fff;border-radius:2px;transition:width .1s ease-out}.loader-percentage{color:#ffffff80;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px}.loader-percentage:after{content:"%"}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in}.canvas-container.visible{opacity:1}