.html,body{background-color:#222;color:#ddd;text-align:center;font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-sizing:border-box}#render-canvas{touch-action:none;outline:none;position:fixed;width:100dvw;height:100dvh;top:0;left:0;box-sizing:border-box}#top-menu{position:fixed;top:0;left:0;background-color:#fff3;width:100dvw;height:40px;display:flex;align-items:center;justify-content:right}#top-menu button{cursor:pointer;-webkit-user-select:none;user-select:none}#height-map-window{display:none;box-sizing:border-box;position:fixed;top:40px;right:0;width:50dvw;height:calc(100dvh - 40px);border:3px solid gray;border-radius:5px;padding:5px 0 0;overflow:hidden}#height-map-window #height-map-canvas-wrapper{position:relative;box-sizing:border-box;width:512px;height:512px;margin:20px 0 0;cursor:none;z-index:1}#height-map-window #height-map-canvas-wrapper #height-map-canvas{position:relative;box-sizing:border-box;width:1536px;height:1536px;touch-action:none;outline:none;background-color:#d2691e;cursor:none;display:block}#height-map-window.grabbing #height-map-canvas-wrapper #height-map-canvas{cursor:grabbing}#textures-window{display:none;box-sizing:border-box;position:fixed;top:40px;right:0;width:50dvw;height:calc(100dvh - 40px);border:3px solid gray;border-radius:5px;padding-top:5px;overflow:hidden}#textures-window .channel-buttons-wrapper{position:relative;z-index:2}#textures-window .channel-buttons-wrapper button{font-weight:bolder;cursor:pointer}#textures-window .channel-buttons-wrapper button:nth-child(1){color:red}#textures-window .channel-buttons-wrapper button:nth-child(2){color:green}#textures-window .channel-buttons-wrapper button:nth-child(3){color:#00f}#textures-window #texture-canvas-wrapper{position:relative;box-sizing:border-box;width:1536px;height:1536px;margin:20px auto auto;cursor:none;z-index:1}#textures-window #texture-canvas-wrapper #textures-canvas{box-sizing:border-box;width:1536px;height:1536px;touch-action:none;outline:none;background-color:#d2691e;cursor:none;display:block}#textures-window.grabbing #texture-canvas-wrapper #textures-canvas{cursor:grabbing}.slider-zoom,.slider-camera-angle{writing-mode:vertical-lr;width:20px;height:calc(100dvh - 100px);left:10px;position:fixed}.slider-zoom:before,.slider-camera-angle:before{content:"";position:absolute;top:-30px;left:60%;transform:translate(-50%);width:25px;height:25px;background-size:contain;background-repeat:no-repeat;background-position:center}.slider-zoom{top:80px}.slider-zoom:before{background-image:url(/img/zoom.png)}.height-map-top-button{width:35px;height:35px;cursor:pointer;opacity:.7;transition:opacity .3s}.height-map-top-button:hover{opacity:1}.btn-change-coords{position:fixed;width:80px;cursor:pointer;opacity:.3;transition:opacity .2s}.btn-change-coords:hover{opacity:.6}.btn-change-coords.top{top:40px;left:120px;transform:rotate(270deg)}.btn-change-coords.left{top:120px;left:30px;transform:rotate(180deg)}.btn-change-coords.right{top:120px;left:210px;transform:rotate(0)}.btn-change-coords.down{top:195px;left:120px;transform:rotate(90deg)}