@font-face{font-family:fixedsys;src:url(/assets/fsex300-webfont-DQuhMDtS.eot);src:url(/assets/fsex300-webfont-DQuhMDtS.eot?#iefix) format("embedded-opentype"),url(/assets/fsex300-webfont-Bjo1Ai2A.woff) format("woff"),url(/assets/fsex300-webfont-CNYvPmmB.ttf) format("truetype"),url(/assets/fsex300-webfont-CYMN3kA6.svg#fixedsys) format("svg");font-weight:400;font-style:normal;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;font-smooth:never}*{font-family:fixedsys!important;font-weight:400!important;text-decoration:none;margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff9900;--text-color: #ffffff;--bg-color: #000000;--panel-bg: rgba(0, 0, 0, .7);--button-bg: #3a3a3a;--button-hover: #555;--button-active: #ff9900;--snapshot-button-bg: #4caf50;--snapshot-button-hover: #45a049}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;width:100vw}canvas{display:block;width:100%;height:100%}.info-panel{position:absolute;top:10px;left:10px;color:var(--text-color);padding:10px;border-radius:5px;-webkit-user-select:none;user-select:none;z-index:10;width:100%}.loading-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color);font-size:24px;background-color:var(--panel-bg);padding:20px;border-radius:10px;z-index:100}.controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;background-color:var(--panel-bg);padding:10px;border-radius:5px;z-index:10}.button{background-color:var(--button-bg);color:var(--text-color);border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.button:hover{background-color:var(--button-hover)}.button.active{background-color:var(--button-active);color:#000}.snapshot-button{background-color:var(--snapshot-button-bg);color:var(--text-color)}.snapshot-button:hover{background-color:var(--snapshot-button-hover)}.feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:var(--panel-bg);color:var(--text-color);border-radius:10px;z-index:1000}.camera-controls-panel{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background-color:var(--panel-bg);padding:15px;border-radius:5px;width:300px;z-index:20}.camera-controls-panel h4{margin-top:0;margin-bottom:10px;text-align:center}.control-row{display:flex;align-items:center;margin-bottom:10px}.control-row label{flex:0 0 40%;margin-right:10px}.control-row input{flex:1;width:100%}
