.info-panel details{position:relative;margin-right:1rem;width:300px}.info-panel details[open]{z-index:1}.info-panel summary{padding:.7rem;cursor:pointer;list-style:none;border-radius:15px;backdrop-filter:blur(8px);background-color:#5c5c5c29;-webkit-backdrop-filter:blur(12px);border-color:#fff;margin-bottom:20px}.info-panel summary::-webkit-details-marker{display:none}.info-panel details[open] summary:before{content:"";display:block;width:100vw;height:100vh;background:transparent;position:fixed;top:0;left:0}.info-panel summary:after{content:"";display:inline-block;float:right;width:.5rem;height:.5rem;margin-top:.2rem;border-bottom:1px solid currentColor;border-left:1px solid currentColor;border-bottom-left-radius:2px;transform:rotate(45deg) translate(50%);transform-origin:center center;transition:transform ease-in-out .1s}.info-panel summary:focus{outline:none}.info-panel details[open] summary:after{transform:rotate(-45deg) translate(0)}.info-panel ul{width:100%;position:absolute;top:calc(100% + .5rem);left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.7rem;margin:0;box-sizing:border-box;border-radius:15px;max-height:200px;overflow-y:auto;border:10px white;background:#54545480;transition:max-height .5s ease,opacity .5s ease}.info-panel li{margin:0;padding:.75rem;border-bottom:1px solid rgba(204,204,204,.08);border-radius:10px}.info-panel li:last-child{border-bottom:none}.info-panel summary.radios{counter-reset:radios}.info-panel summary.radios:before{content:var(--selection)}.info-panel input[type=radio]{counter-increment:radios;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;color:#fff}.info-panel input[type=radio]:checked{display:inline;--display: block}.info-panel input[type=radio]:after{content:attr(title);display:inline;font-size:.9rem;color:#fff}.info-panel ul.list{counter-reset:labels}.info-panel ul.list{list-style:none}.info-panel ul.list label{list-style:none;font-weight:400;font-size:13px}.info-panel label{width:100%;display:flex;cursor:pointer;justify-content:space-between}.info-panel label span{--display: none;display:var(--display);width:1rem;height:1rem;border:1px solid #727272;border-radius:3px}.info-panel .infoPanelTitle{font-size:20px;margin-bottom:15px;font-weight:700;padding-left:5px;padding-top:5px}.info-panel-container{color:#fff;position:absolute;top:2%;right:2%;font-size:14px;border-radius:30px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Helvetica,sans-serif;border:1px solid rgba(255,255,255,.18);transition:width .5s,height .5s,opacity .5s;width:auto;height:auto;display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding:10px}.info-panel .meshBasicInfo{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px;font-size:12px}.info-panel .infoRow{display:contents}.info-panel .infoRow p{margin:0;padding:0}.info-panel label{display:flex;flex-direction:column;font-size:12px;font-weight:700;padding:0}.info-panel input[type=color],.info-panel input[type=number]{padding:8px;margin-top:5px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background-color:#88888863;color:#fff;font-size:14px;font-weight:lighter;transition:border-color .3s,box-shadow .3s;outline:none;width:100%}.info-panel .buttonFunctionalities{display:flex;flex-direction:column;align-items:center;gap:12px}.info-panel button{padding:15px;font-size:14px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.info-panel button:active{background-color:#ffffff80}.info-panel h2{margin-top:0;color:#fff}.info-panel input[type=checkbox]{margin-right:8px}.info-panel .material-checkboxes label{display:flex;align-items:center;margin-bottom:8px}.info-panel .material-checkboxes label input[type=checkbox]{margin-right:8px}.info-panel .color-info{display:flex;flex-direction:column;margin-bottom:10px}.info-panel .color-details{display:flex;align-items:center}.info-panel .color-details input[type=color]{margin-right:10px}.info-panel .color-text{display:flex;gap:10px}.info-panel .color-text p{margin:0;padding:0}.info-panel input[type=color]{background-color:#88888863;color:#fff;margin:auto;display:block;-webkit-appearance:none;appearance:none;-moz-appearance:none;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;vertical-align:middle;position:relative;padding:3px}.info-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.info-panel input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;padding:0}.info-panel li:hover{background:#b6b6b67a;transition:.5s ease}.info-panel .infoPanelLabels{margin-bottom:10px}.info-panel .wireframe-toggle,.info-panel .transparent-toggle,.info-panel .depthwrite-toggle,.info-panel .alphahash-toggle,.info-panel .depthtest-toggle,.info-panel .flatshading-toggle,.info-panel .vertexcolors-toggle{background-color:gray;border:none;padding:10px;font-size:14px;border-radius:50%;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0003;width:4em;height:4em}.info-panel .wireframe-toggle img,.info-panel .transparent-toggle img,.info-panel .depthwrite-toggle img,.info-panel .alphahash-toggle img,.info-panel .depthtest-toggle img,.info-panel .flatshading-toggle img,.info-panel .vertexcolors-toggle img{width:18px;height:18px}.info-panel .wireframe-toggle.active,.info-panel .transparent-toggle.active,.info-panel .depthwrite-toggle.active,.info-panel .alphahash-toggle.active,.info-panel .depthtest-toggle.active,.info-panel .flatshading-toggle.active,.info-panel .vertexcolors-toggle.active{background-color:#fffc}.info-panel .wireframe-toggle:hover,.info-panel .transparent-toggle:hover,.info-panel .depthwrite-toggle:hover,.info-panel .alphahash-toggle:hover,.info-panel .depthtest-toggle:hover,.info-panel .flatshading-toggle:hover,.info-panel .vertexcolors-toggle:hover{background-color:#a9a9a9}.info-panel .wireframe-toggle.active:hover,.info-panel .transparent-toggle.active:hover,.info-panel .depthwrite-toggle.active:hover,.info-panel .alphahash-toggle.active:hover,.info-panel .depthtest-toggle.active:hover,.info-panel .flatshading-toggle.active:hover,.info-panel .vertexcolors-toggle.active:hover{background-color:#fffc}.info-panel .controls-outline{border-radius:20px;border:1px solid rgba(255,255,255,.18);padding:15px 15px 7px;background:#6e6e6e4d;margin-top:20px}.info-panel .info-outline{border-radius:20px;border:1px solid rgba(255,255,255,.18);padding:15px 15px 7px;background:#6e6e6e4d;margin-bottom:20px}.info-panel .toggle-buttons-container{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.info-panel .toggle-buttons-and-opacity{display:flex;align-items:center;gap:20px;justify-content:center}.info-panel .toggle-buttons{display:flex;gap:20px;justify-content:center;align-items:center;margin-right:15px}.info-panel .toggleButtonClass{display:flex;flex-direction:column;align-items:center}.info-panel .toggle-label{font-size:10px;margin-top:5px;color:#fff}.info-panel .opacityControllerClass{display:flex;flex-direction:column;align-items:center;padding:8px;font-weight:400}.info-panel .opacityControllerClass.inactive{opacity:.5;pointer-events:none}.info-panel .opacity-slider{width:100%;transition:max-height .5s ease,opacity .5s ease;padding:10px 0}.info-panel .opacity-slider-wrapper{width:calc(8em + 20px);display:flex;justify-content:center}.info-panel .opacity-label-wrapper{display:flex;justify-content:center}.info-panel .opacity-slider label{display:block;margin-bottom:5px;text-align:center;font-size:10px;color:#fff;font-weight:400}.info-panel .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;overflow:hidden;border-radius:16px;margin:0;padding:0;height:25px}.info-panel .slider::-webkit-slider-runnable-track{height:25px;background:#888;border-radius:16px}.info-panel .slider::-moz-range-track{height:25px;background:#888;border-radius:16px}.info-panel .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#fff;border:none;cursor:pointer}.info-panel .slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#fff;border:none;cursor:pointer}.info-panel .custom-select.wide{width:calc(12em + 20px)}body{padding-bottom:60px}.menu-bar{border:1px solid rgba(255,255,255,.18);position:fixed;bottom:0;left:50%;transform:translate(-50%);border-radius:25px;height:fit-content;display:inline-flex;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;padding:0 10px;z-index:1000}.menu-bar li{list-style:none;color:#fff;font-family:sans-serif;font-weight:700;padding:12px 16px;margin:0 8px;position:relative;cursor:pointer;white-space:nowrap}.menu-bar li:before{content:" ";position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;transition:.2s;border-radius:25px}.menu-bar li:hover:before,.menu-bar li.focused:before{background:linear-gradient(to bottom,#e8edec,#d2d1d3);box-shadow:0 3px 20px #000;transform:scale(1.1)}.menu-bar li.opened:not(.focused):after{content:"•";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-size:24px;color:#fff}.menu-bar li:hover,.menu-bar li.focused{color:#000}.menu-bar li.focused:before{transform:scale(1)}.context-menu{position:absolute;border:1px solid rgba(255,255,255,.18);background-color:#fff;box-shadow:0 2px 5px #0003;border-radius:35px;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;z-index:1001;padding:10px;color:#fff;font-weight:700;font-size:10px}.context-menu div{padding:5px 10px;cursor:pointer}.ar-item{margin-left:auto;display:flex;align-items:center;cursor:pointer;color:#fff;background:linear-gradient(to bottom,#1aa8ff,#0081ff);box-shadow:0 3px 20px #000;border-radius:25px}.ar-item:hover{color:#0056b3}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,sans-serif;color:#000;-webkit-font-smoothing:antialiased;background:#f0f0f0;position:relative}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%}.keyframe-settings,.keyframe-values{position:absolute;padding:10px 20px;border:none;border-radius:5px;top:20px;right:80px}.keyframe-settings label,.keyframe-values label{margin:10px}.loopCall{position:absolute;top:220px;right:20px;background:#d11554}button:focus{outline:none}.input-container{color:#fff;position:absolute;top:2%;left:2%;padding:10px;border-radius:30px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Helvetica,sans-serif;border:1px solid rgba(255,255,255,.18);transition:width .5s,height .5s,opacity .5s;width:300px;height:auto;display:flex;flex-direction:row;gap:20px;align-items:flex-start}.input-container.expanded{width:915px;height:auto;opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.input-container.collapsed{width:278px;height:auto;opacity:1;flex-direction:column}.input-container .expanded-content{display:flex;flex-direction:column}.input-container .inputs{display:flex;flex-direction:column;gap:5px}.input-columns{display:flex;justify-content:space-between;gap:20px}.input-column{display:flex;flex-direction:column;gap:10px;flex:1}.input-group{display:flex;gap:10px}label{display:flex;flex-direction:column;gap:0;align-items:flex-start}input[type=number],input[type=text]{padding:8px;margin-top:auto;height:38px;width:100%;border:1px solid rgba(255,255,255,.05);border-radius:12px;background-color:#88888863;color:#fff;font-size:14px;font-weight:lighter;transition:border-color .3s,box-shadow .3s;outline:none}input[type=number]:active,input[type=text]:active{padding:8px;margin-top:auto;border:none;height:38px;width:100%;border-radius:12px;background-color:#888888b8;color:#fff;font-size:14px;font-weight:lighter;transition:border-color .3s,box-shadow .3s;outline:none}.input-container .position-input label:nth-child(1) input[type=number]:focus,.input-container .scale-input label:nth-child(1) input[type=number]:focus,.input-container .rotation-input label:nth-child(1) input[type=number]:focus{border-color:#ac0000;box-shadow:0 0 1px #ff000080}.input-container .position-input label:nth-child(2) input[type=number]:focus,.input-container .scale-input label:nth-child(2) input[type=number]:focus,.input-container .rotation-input label:nth-child(2) input[type=number]:focus{border-color:green;box-shadow:0 0 1px #00ff0080}.input-container .position-input label:nth-child(3) input[type=number]:focus,.input-container .scale-input label:nth-child(3) input[type=number]:focus,.input-container .rotation-input label:nth-child(3) input[type=number]:focus{border-color:#007cff;box-shadow:0 0 1px #007cff80}input::placeholder{color:#ffffffab}.buttons{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.addButton,.cancelAdditionButton{padding:10px 15px;font-size:14px;border-radius:22px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.addButton{color:#fff;background-color:#006fff}.cancelAdditionButton{color:#006fff;background-color:#fff}.addButton:hover,.cancelAdditionButton:hover{box-shadow:0 2px 8px #0000004d}.name-and-buttons{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%}.duration-buttons{display:flex;flex-direction:row;gap:10px}.duration-buttons label{display:flex;flex-direction:column;font-weight:700;font-size:12px}.duration-buttons .buttons{display:flex;gap:10px}.position-input,.scale-input,.rotation-input{margin-bottom:10px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#ffffff4d;color:#333;font-family:Helvetica,sans-serif;transition:border-color .3s,box-shadow .3s;font-size:8px}.position-input:focus-within,.scale-input:focus-within,.rotation-input:focus-within{box-shadow:0 0 10px #ffffff80}.keyframeTitleStuff{font-size:20px;margin-bottom:15px;font-weight:700;padding-left:5px;padding-top:5px}.duration-input{display:flex;align-items:center;margin-bottom:14px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#ffffff4d;color:#333;font-family:Helvetica,sans-serif;transition:border-color .3s,box-shadow .3s}.duration-input .title{display:flex;align-items:center}.duration-input .title span{font-size:12px;font-weight:700;margin-right:10px}.duration-input .image-container{margin-left:5px}.duration-input .inputs{flex:1;display:flex;justify-content:flex-end}.duration-input input[type=number]{padding:8px;width:70px;border:1px solid #ddd;border-radius:20px;font-size:12px;background-color:#f9f9f9;transition:border-color .3s,box-shadow .3s;outline:none}.duration-input input[type=number]:focus{border-color:#fd9002;box-shadow:0 0 1px #fd900280}.duration-input input::placeholder{color:#999}.buttonFunctionalities{display:flex;flex-direction:column;align-items:center;gap:12px}.importExportButtons,.playLoopButtons{display:flex;justify-content:space-between;width:100%}.importExportButtons button{flex-basis:48%;padding:15px;font-size:14px;border-radius:22px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.playLoopButtons button{flex-basis:48%;padding:13px;font-size:14px;border:none;border-radius:22px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.importButton{color:#fff;background-color:#006fff}.exportButton{color:#fff;background-color:#ff004fb5}.importExportButtons button:hover,.playLoopButtons button:hover{box-shadow:0 0 3px #0000004d}button:active{background-color:#ffffff80}span{font-weight:700;font-size:12px}.animation-selector label{display:flex;align-items:center;margin-bottom:10px;cursor:pointer;padding:8px}.animation-selector label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.animation-selector label input[type=checkbox]+span{width:15px;height:15px;background-color:#fff;border-radius:50%;display:inline-block;position:relative;cursor:pointer;margin-right:10px}.animation-selector label input[type=checkbox]:checked+span{background-color:#016fff;border-color:#016fff}.animation-selector label input[type=checkbox]+span:after{position:absolute;display:none}.animation-selector label input[type=checkbox]:checked+span:after{display:block;left:50%;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.animation-selector label span.text{font-weight:lighter}.availableAnimationsTitle{padding-bottom:20px}.animation-selector{border-radius:20px;border:1px solid rgba(255,255,255,.18);padding:15px 15px 7px;background:#6e6e6e4d;margin-top:20px}.animationsCollection{backdrop-filter:blur(8px);border-radius:15px;border:1px solid rgba(244,244,244,.06);background:#3230301f;-webkit-backdrop-filter:blur(8px);transition:background .3s ease;font-size:10px}.animationsCollection:hover{background:#dfdfdf0f}.animation-list{margin-top:10px}.inputs label{font-weight:700;font-size:12px}.animationsListTitle{display:flex;justify-content:space-between}.animationsCollection{flex-direction:row}.addCancelButtons button{flex-basis:48%;padding:15px;font-size:14px;border:none;border-radius:22px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.addButton{padding-left:15px;font-size:14px;border:none;height:38px;border-radius:30px;cursor:pointer;color:#fff;background-color:#006fff;transition:background-color .3s,box-shadow .3s}.addCancelButtons button:hover{box-shadow:0 2px 8px #0000004d}.closeButton{margin-bottom:12px;padding:15px;font-size:14px;cursor:pointer;width:255px;transition:background-color .3s,box-shadow .3s;border-color:#ffffff21;border-radius:25px}.cancelAdditionButton{padding-left:15px;font-size:14px;height:38px;border-radius:30px;cursor:pointer;color:#006fff;background-color:#fff}.cancelAdditionButton:hover{border-color:#006fff}.controls-container{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:10px;background:#0003;padding:10px 20px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);z-index:10}.controls-container button{background-color:#006fffb3;color:#fff;border:none;border-radius:15px;padding:10px 20px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.controls-container button:hover{box-shadow:0 0 3px #0000004d}.controls-container button:active{background-color:#006fffe6}.cameras-panel{color:#fff;position:absolute;bottom:50%;right:2%;width:325px;padding-left:15px;padding-top:15px;padding-right:15px;border-radius:30px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Helvetica,sans-serif;border:1px solid rgba(255,255,255,.18);transition:width .5s,height .5s,opacity .5s;max-height:80vh;overflow-y:auto}.cameras-panel h2{font-size:20px;margin-bottom:15px;font-weight:700;padding-left:5px;padding-top:5px}.add-camera-dropdown{position:relative;margin-bottom:15px}.add-camera-button{width:100%;padding:10px;background-color:#006fff;color:#fff;border:none;border-radius:22px;cursor:pointer;font-size:14px;transition:background-color .3s,box-shadow .3s}.add-camera-button:hover{box-shadow:0 2px 8px #0000004d}.camera-item{margin-bottom:15px;border-radius:20px;background:#6e6e6e4d;border:1px solid rgba(255,255,255,.18)}.camera-header{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer}.camera-name{font-weight:700;font-size:14px}.camera-controls{display:flex;gap:5px}.camera-params{padding:10px;border-top:1px solid rgba(255,255,255,.18)}.param-input input[type=number]{width:100%;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background-color:#88888863;color:#fff;font-size:14px;font-weight:lighter;transition:border-color .3s,box-shadow .3s;outline:none}.param-input input[type=number]:focus{border-color:#006fff;box-shadow:0 0 1px #006fff80}.camera-item[data-type=perspective] .param-row:first-child{display:flex}.camera-item[data-type=perspective] .param-row:first-child .param-input{flex:1}.camera-item[data-type=orthographic] .param-row{display:flex}.camera-item[data-type=orthographic] .param-row .param-input{flex:1}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}#root{overflow:hidden}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased;background:#f0f0f0}.lights-panel{color:#fff;position:absolute;bottom:2%;right:2%;width:300px;padding-left:15px;padding-top:15px;padding-right:15px;border-radius:30px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Helvetica,sans-serif;border:1px solid rgba(255,255,255,.18);transition:width .5s,height .5s,opacity .5s;max-height:80vh;overflow-y:auto}.lights-panel h2{font-size:20px;margin-bottom:15px;font-weight:700;padding-left:5px;padding-top:5px}.add-light-dropdown{position:relative;margin-bottom:15px}.add-light-button{width:100%;padding:10px;background-color:#006fff;color:#fff;border:none;border-radius:22px;cursor:pointer;font-size:14px;transition:background-color .3s,box-shadow .3s}.add-light-button:hover{box-shadow:0 2px 8px #0000004d}.dropdown-content{margin-top:10px;position:absolute;top:100%;left:0;width:100%;background:#7e7e7edb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:15px;overflow:hidden;z-index:1;max-height:0;transition:max-height .3s ease-out;font-size:.5em}.dropdown-content.open{max-height:200px;margin-top:10px;transition:max-height .3s ease-in}.dropdown-content button{width:100%;padding:10px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .3s}.dropdown-content button:hover{background-color:#ffffff1a}.light-item{margin-bottom:15px;border-radius:20px;background:#6e6e6e4d;border:1px solid rgba(255,255,255,.18)}.light-header{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer}.light-name{font-weight:700;font-size:14px}.light-controls{display:flex;gap:5px}.control-button{background-color:#88888863;border:none;color:#fff;padding:5px 10px;font-size:12px;cursor:pointer;border-radius:12px;transition:background-color .3s}.control-button:hover{background-color:#8889}.control-button.active{background-color:#006fff}.light-params{padding:10px;border-top:1px solid rgba(255,255,255,.18)}.param-row{display:flex;justify-content:space-between;margin-bottom:10px}.param-input{flex:1;margin-right:10px}.param-input:last-child{margin-right:0}.param-input label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.param-input input[type=number],.param-input input[type=color]{width:100%;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background-color:#88888863;color:#fff;font-size:14px;font-weight:lighter;transition:border-color .3s,box-shadow .3s;outline:none}.param-input input[type=number]:focus,.param-input input[type=color]:focus{border-color:#006fff;box-shadow:0 0 1px #006fff80}.param-input input[type=color]{height:40px;padding:2px}.light-item[data-type=point] .param-row,.light-item[data-type=spot] .param-row,.light-item[data-type=directional] .param-row,.light-item[data-type=ambient] .param-row{display:flex}.light-item[data-type=point] .param-row .param-input,.light-item[data-type=spot] .param-row .param-input,.light-item[data-type=directional] .param-row .param-input,.light-item[data-type=ambient] .param-row .param-input{flex:1}.transform-button{display:flex;justify-content:center;align-items:center;width:100%;margin-top:10px}.transform-button .button-icon{margin-right:8px}.light-item.default-light{padding:30px;margin-bottom:15px;border-radius:20px;background:#6e6e6e4d;border:1px solid rgba(255,255,255,.18);font-size:14px}.light-item.default-light .light-header{display:flex}.light-item.default-light .light-name{color:#aaa}.effects-panel{color:#fff;position:absolute;bottom:2%;left:2%;width:360px;padding:15px;border-radius:25px;background:#0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Helvetica,sans-serif;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;max-height:85vh;overflow-y:auto;font-size:12px}.effects-panel.expanded{width:380px}.effects-panel-title{font-size:20px;margin-bottom:18px;font-weight:700}.effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transition:all .3s ease}.effect-control{background:#6e6e6e4d;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:12px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;overflow:hidden}.effect-control.expanded{grid-column:span 3}.effect-header{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%;transition:all .3s ease}.effect-toggle{background-color:gray;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;margin-bottom:6px}.effect-toggle.active{background-color:#fffc}.effect-toggle svg{color:#fff;transition:all .3s ease;width:20px;height:20px}.effect-toggle.active svg{color:#333}.effect-name{font-size:11px;text-align:center}.effect-properties{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;width:100%}.effect-control.expanded .effect-properties{max-height:1000px;opacity:1;margin-top:10px}.effect-property{margin-bottom:10px}.effect-property label{display:block;font-size:11px;margin-bottom:4px}.slider-container{display:flex;align-items:center;gap:10px;width:100%}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80%;cursor:pointer;outline:none;overflow:hidden;border-radius:15px;height:18px}.slider::-webkit-slider-runnable-track{height:18px;background:#888;border-radius:15px}.slider::-moz-range-track{height:18px;background:#888;border-radius:15px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:none;cursor:pointer}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;cursor:pointer}.slider-value{font-size:11px;min-width:30px;text-align:right}.effects-panel::-webkit-scrollbar{width:8px}.effects-panel::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.effects-panel::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.effects-panel::-webkit-scrollbar-thumb:hover{background:#ffffff80}body,html{margin:0;padding:0;height:100%;box-sizing:border-box}.intro-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;text-align:center;background-color:#000;background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px);background-size:100px 100px;color:#fff;padding:20px;box-sizing:border-box;position:relative}.icon-container{position:fixed;top:0;left:0;width:100%;padding:1rem;background:#000c;z-index:10}.icon-container h1{background:linear-gradient(45deg,#6f01b8,#fc6d25);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:5rem;margin:0;padding:0}.content-container{display:flex;flex-direction:row;width:100%;padding:20px 0;box-sizing:border-box;margin-top:80px;position:relative;height:calc(100% - 80px)}.box{display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.box1{background-color:#2981fccc;flex:8;overflow-y:auto;text-align:left;height:100%}.box2{background-color:#fe2e2eb3;flex:2;display:flex;align-items:center;justify-content:center;height:100%}.try-button{margin-top:20px;padding:10px 20px;font-size:20px;cursor:pointer;border:none;border-radius:5px;background-color:#fff;color:#4caf50}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{background:#ddd}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s;background-color:#8383838a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.slid{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;width:100%;height:25px;background:#fff;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slid::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#000;cursor:pointer}.slid:hover{opacity:1}label{font-weight:500;border-radius:10px}::placeholder{color:red}