*{margin:0;padding:0;font-family:Monospace;overscroll-behavior:none;box-sizing:border-box}#container{width:100vw;height:100vh;overflow:hidden}@supports(-webkit-touch-callout: none){#container{height:100vh;height:-webkit-fill-available}body{height:100vh;height:-webkit-fill-available;overflow:hidden}html{height:100vh;height:-webkit-fill-available}}@media screen and (max-width: 768px){#container{position:fixed;top:0;left:0;width:100%;height:100%}canvas{width:100% !important;height:100% !important}}canvas{touch-action:none}.lil-gui.root{display:none}.lil-gui.root.active{display:flex}#loader{position:fixed;left:0;top:0;bottom:0;right:0;background:#000;z-index:99999;color:#000;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}#loader::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:rgba(0,0,0,.6509803922)}.loader-text{color:#fff;font-size:24px}.loader-ring{position:absolute;width:124px;height:124px;margin:8px;border-radius:50%;border:6px solid #7bdbff;border-color:#7bdbff rgba(0,0,0,0) #7bdbff rgba(0,0,0,0);animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bottom-panel{position:absolute;transform:translateX(-50%);left:50%;bottom:20px;z-index:9;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:15px;column-gap:15px;width:100%;padding:0 15px}.side-panel{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.8196078431);padding:15px;border-radius:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;width:264px;transition:height .3s ease;overflow:hidden;display:none;z-index:1002}.side-panel.vis{display:block}.side-panel-btn{width:100%;position:absolute;left:0;top:0;right:0;display:none;height:42px;border:none;background:#131212;font-size:24px;color:#fff;border:3px solid #ff7300;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;gap:10px}.burger-menu{display:flex;flex-direction:column;gap:3px;margin-top:2px}.burger-menu span{width:20px;height:3px;background-color:#fff;transition:all .3s ease;border-radius:2px;transform-origin:center}.side-panel-btn.opened .burger-menu span:nth-child(1){transform:rotate(45deg) translate(2px, 6px);width:24px}.side-panel-btn.opened .burger-menu span:nth-child(2){opacity:0}.side-panel-btn.opened .burger-menu span:nth-child(3){transform:rotate(-45deg) translate(2px, -6px);width:24px}.side-panel.opened{height:390px;padding-top:50px;max-height:calc(100vh - 90px)}.side-panel.opened .side-panel-wrapper{overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:#ff7300 #f0f0f0}.side-panel.opened .side-panel-wrapper::-webkit-scrollbar{width:8px}.side-panel.opened .side-panel-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.side-panel.opened .side-panel-wrapper::-webkit-scrollbar-thumb{background:#ff7300;border-radius:4px;border:1px solid #e0e0e0}.side-panel.opened .side-panel-wrapper::-webkit-scrollbar-thumb:hover{background:#e66a00}@media(max-width: 1024px){.side-panel.opened .side-panel-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:auto}.side-panel.opened .side-panel-wrapper::-webkit-scrollbar{width:10px;-webkit-appearance:none}}.scroll-down-btn{position:absolute;bottom:10px;right:10px;width:40px;height:40px;background:#ff7300;border:2px solid #e66a00;border-radius:50%;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(255,115,0,.3)}.scroll-down-btn:hover{background:#e66a00;transform:scale(1.1);box-shadow:0 4px 12px rgba(255,115,0,.4)}.scroll-down-btn:active{transform:scale(0.95)}.scroll-down-btn svg{transition:transform .3s ease}.scroll-down-btn:hover svg{transform:translateY(2px)}.scroll-down-btn.hidden{display:none !important}.panel-group__title{font-size:18px;margin-bottom:7px}#color-picker-container{display:none}.color-picker-container__title{margin:0;padding-bottom:10px;font-size:18px}.color-picker-container__item{margin-bottom:10px;display:flex;align-items:center}#color-picker-container.vis{display:block;margin-bottom:30px}.color-select-container{display:none}.color-select-container__title{margin:0;padding-bottom:10px;font-size:18px}.color-select-container.vis{display:flex;flex-wrap:wrap;margin-bottom:30px;gap:5px;align-items:center;justify-content:center}.reset-colors-button{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:15px;transition:background-color .2s ease}.reset-colors-button:hover{background:#d32f2f}.reset-colors-button:active{background:#b71c1c}#checkbox-container-config,#checkbox-container-visiability{display:none}.checkbox-container__title{margin:0;padding-bottom:10px;font-size:18px}.checkbox-container__item{margin-bottom:10px}#checkbox-container-config.vis,#checkbox-container-visiability.vis{display:block;margin-bottom:30px}.custom-checkbox{display:none}.custom-checkbox+.custom-checkbox-label{position:relative;padding-left:30px;cursor:pointer;font-size:16px}.custom-checkbox+.custom-checkbox-label::before,.custom-checkbox+.custom-checkbox-label::after{content:"";position:absolute}.custom-checkbox+.custom-checkbox-label::before{left:0;top:0;width:20px;height:20px;background-color:#f0f0f0;border-radius:4px;border:1px solid #ddd;transition:background-color .2s ease}.custom-checkbox:checked+.custom-checkbox-label::before{background-color:#67c23a;border-color:#67c23a}.custom-checkbox+.custom-checkbox-label::after{left:6px;top:1px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.custom-checkbox:checked+.custom-checkbox-label::after{opacity:1}.button{background-color:#131212;color:#fff;font-size:20px;font-family:Arial,sans-serif;padding:10px 30px;border:3px solid #ff7300;border-radius:15px;text-align:center;display:inline-block;cursor:pointer;transition:all .2s ease}#sound{display:none}.button:hover{background-color:#4c1c04}@media(max-width: 1024px){.side-panel{height:42px}.side-panel .side-panel-btn{display:flex}.button{font-size:18px;padding:8px 10px}.side-panel-btn{font-size:20px}}@media(max-width: 600px){.side-panel{transform:translateX(50%);right:50%;width:100%;top:0}.panel-group__title{font-size:14px}.color-select-container.vis{margin-bottom:10px;justify-content:flex-start}.object3d-radio-group-container__item{width:200px}.color-square{width:23px !important;height:20px !important}.disk .color-square{width:20px !important}.side-panel.opened .scroll-down-btn{display:flex}.scroll-down-btn{width:35px;height:35px;bottom:5px;left:50%;right:auto;transform:translateX(-50%);font-size:18px}.scroll-down-btn svg{width:18px;height:18px}}.color-selector-item{display:flex;align-items:center;padding:8px;border-radius:6px;background:#f5f5f5;border:2px solid #ddd;cursor:pointer;transition:all .2s ease;user-select:none}.color-selector-item:hover{background:#e8e8e8;border-color:#bbb}.color-selector-item.selected{background:#e3f2fd;border:2px solid #2196f3}.color-selector-item.selected:hover{background:#bbdefb;border-color:#1976d2}.color-square{width:34px;height:30px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s ease;clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)}.disk .color-square{clip-path:none;border-radius:50%;height:34px}.color-selector-item:hover .color-square{transform:scale(1.05)}.color-selector-item.selected .color-square{transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.color-selector-text{font-size:14px;font-weight:400;color:#666}.color-selector-text.selected{font-weight:600;color:#1976d2}#toggle3d-objects-container{display:none;margin-bottom:30px}#toggle3d-objects-container.vis{display:block}.toggle3d-objects-container__title{margin:0;padding-bottom:10px;font-size:18px;font-weight:bold;color:#333}.toggle3d-objects-container__item{display:flex;align-items:center;margin-bottom:15px;padding:10px;border-radius:8px;background:#f8f9fa;border:2px solid #e9ecef;transition:all .2s ease;cursor:pointer}.toggle3d-objects-container__item:hover{background:#e9ecef;border-color:#6c757d;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.toggle3d-objects-container__icon{width:40px;height:40px;margin-right:12px;display:flex;align-items:center;justify-content:center}.toggle3d-objects-container__icon img{width:100%;height:100%;object-fit:contain;border-radius:4px}.toggle3d-objects-container__content{flex:1;display:flex;align-items:center;justify-content:space-between}.toggle3d-objects-container__title-text{font-size:16px;font-weight:500;color:#333;margin-right:10px}.toggle3d-objects-checkbox{display:none}.toggle3d-objects-checkbox-label{position:relative;width:20px;height:20px;background-color:#f0f0f0;border-radius:4px;border:2px solid #ddd;cursor:pointer;transition:all .2s ease;display:inline-block}.toggle3d-objects-checkbox-label::before{content:"";position:absolute;left:6px;top:1px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}#object3d-radio-group-container{display:none;margin-bottom:30px}#object3d-radio-group-container.vis{display:block}.object3d-radio-group-container__title{margin:0;padding-bottom:10px;font-size:18px;font-weight:bold;color:#333}.object3d-radio-group-container__item{display:flex;align-items:center;margin-bottom:5px;padding:5px;padding-right:12px;border-radius:8px;background:#f8f9fa;border:2px solid #e9ecef;transition:all .2s ease;cursor:pointer}.object3d-radio-group-container__item:hover{background:#e9ecef;border-color:#6c757d;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.object3d-radio-group-container__icon{width:40px;height:40px;margin-right:12px;display:flex;align-items:center;justify-content:center}.object3d-radio-group-container__icon img{width:100%;height:100%;object-fit:contain;border-radius:4px}.object3d-radio-group-container__content{flex:1;display:flex;align-items:center;justify-content:space-between}.object3d-radio-group-container__title-text{font-size:16px;font-weight:500;color:#333;margin-right:10px}.object3d-radio-group-radio{display:none}.object3d-radio-group-radio-label{position:relative;width:20px;height:20px;background-color:#f0f0f0;border-radius:50%;border:2px solid #ddd;cursor:pointer;transition:all .2s ease;display:inline-block}.object3d-radio-group-radio-label::before{content:"";position:absolute;left:4px;top:4px;width:12px;height:12px;background-color:#007bff;border-radius:50%;opacity:0;transition:opacity .2s ease}.object3d-radio-group-radio:checked+.object3d-radio-group-radio-label{background-color:#007bff;border-color:#007bff}.object3d-radio-group-radio:checked+.object3d-radio-group-radio-label::before{opacity:1}.object3d-radio-group-radio-label:hover{border-color:#007bff;background-color:#e3f2fd}.toggle3d-objects-checkbox:checked+.toggle3d-objects-checkbox-label{background-color:#67c23a;border-color:#67c23a}.toggle3d-objects-checkbox:checked+.toggle3d-objects-checkbox-label::before{opacity:1}.toggle3d-objects-checkbox-label:hover{border-color:#67c23a;transform:scale(1.05)}