*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Rubik,sans-serif;overflow:hidden;background-color:#0e0e0e}.header{position:fixed;top:0;left:0;padding:20px;z-index:50;width:100%;display:flex;justify-content:space-between}a,p{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:300;font-size:1rem}a{border:.5px solid #505050;padding:4px 8px}.footer a,.footer p{font-size:.7rem}.footer{position:fixed;bottom:0;right:0;padding:20px;z-index:50}.color-palette{display:grid;gap:10px;place-content:center;position:absolute;bottom:20px;left:20px;height:100vh}.color-btn{padding:4px;border:none;cursor:pointer;font-weight:700;background-color:transparent;border:.5px solid #505050;display:grid;place-content:center;position:relative}.color-btn>span:nth-child(1){display:block;width:40px;height:30px}.color-btn:hover{background-position:right center}.btn-default{background-image:linear-gradient(45deg,#9f9f9f,#7d7979)}.btn-black{background-image:linear-gradient(45deg,#000,#222)}.btn-red{background-image:linear-gradient(45deg,#ff5733,#c70039)}.btn-blue{background-image:linear-gradient(45deg,#3498db,#2ecc71)}.btn-purple{background-image:linear-gradient(45deg,#9b59b6,#8e44ad)}.btn-yellow{background-image:linear-gradient(45deg,#f1c40f,#e67e22)}.btn-green{background-image:linear-gradient(45deg,#1abc9c,#16a085)}.color-name{position:absolute;top:12px;left:60px;font-size:12px;color:#fff;font-weight:300;text-transform:uppercase;text-align:left;display:flex;overflow:hidden;pointer-events:none}.controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;width:100%;justify-content:center}.control-btn{padding:4px;border:none;cursor:pointer;font-weight:700;background-color:transparent;border:.5px solid #505050;display:flex;align-items:center;color:#fff}.control-btn>span{background-color:#00000080;padding:8px 12px;text-transform:uppercase;font-size:.8rem;font-weight:300;display:flex;align-items:center;gap:12px;min-width:155px;justify-content:space-between}.control-btn svg{height:20px;width:20px}.btn-text{overflow:hidden;display:block}.btn-zoom{min-width:fit-content!important}canvas:hover{cursor:grab}#btn-zoom-in{margin-left:25px}.loader{position:fixed;top:0;left:0;width:100%;height:4px;background:#0000001a;z-index:9999}.loader-progress{width:0%;height:100%;background:#fff}.loader-percentage{border:.5px solid #505050;padding:4px 8px;position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:sans-serif;font-size:1rem;color:#fff}.vr-button{position:absolute;bottom:20px;padding:12px 6px;border:.5px solid rgb(80,80,80);border-radius:0;background:#0e0e0e;color:#fff;font-family:Rubik,sans-serif;font-weight:700;text-align:center;opacity:1;outline:none;z-index:999;min-height:45px;place-content:center;left:20px!important;cursor:auto;width:150px}.ar-button{position:absolute;bottom:20px;padding:12px 16px;border:.5px solid rgb(80,80,80);border-radius:0;background:#0e0e0e;color:#fff;font-family:Rubik,sans-serif;font-weight:700;text-align:center;opacity:1;outline:none;z-index:999;min-height:45px;place-content:center;left:20px!important;cursor:auto;width:150px}.active-color,.active-control{border-color:#fff}@media screen and (max-width: 1024px){.lil-gui{display:none!important}.controls{left:0;bottom:80px;justify-content:space-evenly;padding:0 20px}.control-btn{width:100%}.control-btn>span{min-width:fit-content;width:100%;text-align:center;justify-content:space-around}.control-btn .btn-text{display:none}.ar-button{display:none!important}.header a{font-size:.7rem}.footer{top:0;right:0;height:fit-content;display:none}.color-btn{padding:2px;width:100%;display:block}.color-btn>span:nth-child(1){width:100%;height:32px}.color-btn .color-name{display:none}.loader-percentage{right:0;left:auto}.color-palette{display:flex;left:0;height:fit-content;bottom:20px;justify-content:space-evenly;width:100%;padding:0 20px}}