[not-edit=true]{opacity:.5!important}[not-edit=true],[not-edit=true] *{pointer-events:none!important}#app{--innerHeight:calc(100dvh - 5rem);height:100dvh;overflow:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}#app .index-page{box-sizing:border-box;padding:5rem 10rem;text-align:center}#app .index-page h1{font-size:3rem}#app .upload-file-container{align-items:center;border:1px dashed var(--color-primary);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly;margin:0 auto;padding:10rem 0;position:relative;width:calc(100% - 20rem)}#app .upload-file-container input{cursor:pointer;font-size:0;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}#app .upload-file-container>div{align-items:center;display:flex;gap:1rem}#app .upload-file-container>div:nth-child(2){background-color:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem}#app .upload-file-container>div:nth-child(2)>svg{height:1.5rem;width:1.5rem}#app .upload-file-container>div:nth-child(2)>svg path{fill:#fff}#app .editor-container{display:grid;grid-template-columns:auto 1fr;height:var(--innerHeight);position:relative;width:100%}#app .editor-container .editor-menus{border:1px solid var(--border-color-darker);border-radius:.25rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;height:var(--innerHeight);margin-right:1rem;overflow:hidden;overflow-y:auto;width:25rem}#app .editor-container .editor-menus .editor-menu{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:4rem 1fr;padding:0 1rem}#app .editor-container .editor-menus .editor-menu[sticky-top]{background:#fff;flex-shrink:0;padding:1rem;position:sticky;top:0;z-index:1}#app .editor-container .editor-menus .editor-menu .editor-menu-title{font-weight:700}#app .editor-container .editor-menus .editor-menu pea-select{border-radius:.25rem;height:2.5rem;width:100%}#app .editor-container .editor-menus .editor-menu .add-object{background-color:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;margin-left:auto;padding:.5rem 1rem;position:relative;width:-moz-fit-content;width:fit-content}#app .editor-container .editor-menus .editor-menu .add-object>input{cursor:pointer;font-size:0;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}#app .editor-container .editor-menus .editor-menus-body{display:flex;flex-direction:column;gap:2rem;overflow:hidden;overflow-y:auto}#app .editor-container .editor-menus .editor-menus-body>*{flex-shrink:0}#app .editor-container .editor-menus .editor-menus-body .onject-name{align-items:center;background-color:var(--border-color-darker);border-radius:.25rem;box-sizing:border-box;display:flex;flex-shrink:0;height:2.5rem;justify-content:space-evenly;margin:0 auto;overflow:hidden;padding:.25rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 2rem)}#app .editor-container .editor-menus .editor-menus-body .transformations{box-sizing:border-box;padding:0 1rem}#app .editor-container .editor-menus .editor-menus-body .transformations .transformations-title{font-weight:700}#app .editor-container .editor-menus .editor-menus-body .transformations .transformation{align-items:center;box-sizing:border-box;margin:1rem 0;padding-left:1rem;width:100%}#app .editor-container .editor-menus .editor-menus-body .transformations .transformation:last-child{margin-bottom:0}#app .editor-container .editor-menus .editor-menus-body .transformations .transformation .transformation-title{margin-bottom:.5rem}#app .editor-container .editor-menus .editor-menus-body .transformations .transformation .xyz-input{align-items:center;box-sizing:border-box;display:grid;gap:.5rem;padding-left:1rem;width:100%}#app .editor-container .editor-menus .editor-menus-body .transformations .transformation .xyz-input pea-input-number{height:2.5rem;width:100%}#app .editor-container .editor-menus .editor-menus-body .detials{box-sizing:border-box;padding:0 1rem}#app .editor-container .editor-menus .editor-menus-body .detials .detial{box-sizing:border-box;padding:.5rem}#app .editor-container .editor-menus .convert-download-btns{background-color:#fff;bottom:0;box-sizing:border-box;height:-moz-fit-content;height:fit-content;padding:.5rem 1rem;position:sticky;width:100%}#app .editor-container .editor-menus .convert-download-btns>div{background-color:var(--color-primary);border-radius:.25rem;box-sizing:border-box;color:#fff;cursor:pointer;margin:0 auto;padding:.5rem;text-align:center;width:100%}#app .editor-container .editor-menus .convert-download-btns>div[export][loading=true]{align-items:center;display:flex;gap:.5rem;justify-content:center;opacity:.5;pointer-events:none!important}#app .editor-container .editor-menus .convert-download-btns>div[export][loading=true]:before{animation:exportLoading 5s linear infinite;border:1px solid #fff;border-radius:1.5rem;border-top-color:transparent;box-sizing:border-box;content:"";display:inline-block;height:1rem;transform:rotate(0deg);width:1rem}#app .editor-container #viewport{border:1px solid var(--border-color-darker);border-radius:.25rem;box-sizing:border-box;height:100%;overflow:hidden;position:relative!important;width:100%}#app .editor-container #viewport #info,#app .editor-container #viewport #viewportInfo{display:none}#app .editor-container .layer-slider-container{display:flex;flex-direction:column;height:90%;justify-content:space-between;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1}#app .editor-container .layer-slider-container>svg{background:rgba(0,0,0,.8);border-radius:.25rem;box-sizing:border-box;cursor:pointer;height:2rem;padding:.25rem;width:2rem}#app .editor-container .layer-slider-container>svg>path{fill:#fff}#app .editor-container .layer-slider-container .layer-slider{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:calc((var(--innerHeight) - 2rem)*.9 - 5rem)}#app .editor-container .layer-slider-container .layer-slider>input{opacity:0;width:100%}#app .editor-container .layer-slider-container .layer-slider>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1rem solid transparent;cursor:pointer}#app .editor-container .layer-slider-container .layer-slider .slider-btn{align-items:center;background:rgba(0,0,0,.8);border-radius:.25rem;color:#fff;content:attr(layer,"1");display:flex;height:2rem;justify-content:center;left:calc(100%*var(--value) - 2rem*var(--value));pointer-events:none;position:absolute;top:50%;transform:rotate(90deg) translateX(-50%);width:2rem;z-index:1}#app .editor-container .layer-slider-container .layer-slider:after{background:rgba(0,0,0,.5);border-radius:1rem;content:"";height:.5rem;left:1px;pointer-events:none;position:absolute;top:calc(50% - 1px);transform:translateY(-50%);width:100%}#app .editor-container .commands-pop{background:rgba(0,0,0,.3);height:100dvh;left:0;position:absolute;top:0;width:100vw;z-index:1}#app .editor-container .commands-pop .commands-inner{background:#fff;border-radius:.5rem;box-sizing:border-box;left:50%;max-width:95vw;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:40rem}#app .editor-container .commands-pop .commands-inner .commands-title{font-size:1.5rem;font-weight:700}#app .editor-container .commands-pop .commands-inner .commands-body{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;max-height:15rem;overflow:hidden;overflow-y:auto}#app .editor-container .commands-pop .commands-inner .commands-body .command-item{border:1px solid var(--border-color-darker);box-sizing:border-box;padding:1rem}#app .editor-container .commands-pop .commands-inner .commands-body .command-item .command-item-title{align-items:center;border-bottom:1px solid var(--border-color-darker);display:flex;font-weight:700;justify-content:space-between;padding-bottom:1rem}#app .editor-container .commands-pop .commands-inner .commands-body .command-item .command-item-title>svg{cursor:pointer;height:1.5rem;width:1.5rem}#app .editor-container .commands-pop .commands-inner .commands-body .command-item .command-item-title>svg:hover path{fill:var(--color-primary)}#app .editor-container .commands-pop .commands-inner .commands-body .command-item .command-text{overflow:hidden;overflow-x:auto;white-space:nowrap;width:100%}#app .editor-container .commands-pop .commands-inner .download-command{background:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;margin-left:auto;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}#app .page{box-sizing:border-box;padding:7rem 10rem;text-align:center}#app .page h2{font-size:2.5rem;margin-bottom:4rem}#app .page h2:has(+a),#app .page h2:has(+p){margin-bottom:0!important}#app .page p{line-height:1.8}#app .page .try-editor{background-color:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}#app .page .how-to-items{box-shadow:0 .5rem 0 1rem var(--color-primary),0 -.5rem 0 1rem var(--color-primary);box-sizing:border-box;margin:5rem auto 1.5rem;padding:3rem 5rem;width:80%}#app .page .how-to-items .how-to-item{border-left:4px solid var(--color-primary-light-5);box-sizing:border-box;padding:2rem 4rem;position:relative;text-align:start;width:100%}#app .page .how-to-items .how-to-item>h3{color:var(--color-primary);margin-bottom:1.5rem}#app .page .how-to-items .how-to-item:before{background:var(--color-primary);border-radius:10rem;content:"";height:1.5rem;left:-2px;position:absolute;top:3.15rem;transform:translateX(-50%);width:1.5rem}#app .page .features-items{display:grid;gap:2rem;grid-template-columns:repeat(3,calc(33.33% - 1.35rem))}#app .page .features-items .features-item{border:1px dashed var(--color-primary);border-radius:1rem;box-sizing:border-box;padding:2rem;text-align:start}#app .page .features-items .features-item>img{background:var(--color-primary-light-8);box-shadow:0 0 0 .7rem var(--color-primary-light-8);clip-path:circle(80%);height:2rem;width:2rem}#app .page .faqs{margin:0 auto;text-align:center;width:80%}#app .page .faqs .faq{background:var(--bg-color-page);border-radius:1rem;box-sizing:border-box;margin-bottom:2rem;text-align:start}#app .page .faqs .faq>h3{align-items:center;display:flex;justify-content:space-between;margin:0;padding:1.5rem;position:relative}#app .page .faqs .faq>h3>input{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}#app .page .faqs .faq>h3>svg{flex-shrink:0;pointer-events:none;transform:rotate(0deg);transition:transform .2s}#app .page .faqs .faq>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s}#app .page .faqs .faq>div>*{grid-row:1/10;margin:0;overflow:hidden;padding:0 1.5rem;transition:padding .2s}#app .page .faqs .faq>div ul{margin:0 .5rem}#app .page .faqs .faq:has(input:checked) svg{transform:rotate(95deg)}#app .page .faqs .faq:has(input:checked)>div{grid-template-rows:1fr}#app .page .faqs .faq:has(input:checked)>div>*{padding:0 1.5rem 2rem}#app .start-creating{box-sizing:border-box;font-size:1.5rem;padding:7rem 10rem;position:relative;text-align:center}#app .start-creating>img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}#app .start-creating>h2{font-size:3rem;margin:2rem 0 5rem}#app .start-creating .start-creating-btn{background:var(--color-primary);border-radius:.5rem;color:#fff;cursor:pointer;margin:3rem auto 0;padding:1rem 2rem;width:-moz-fit-content;width:fit-content}@media screen and (max-width:900px){.head{font-size:1.25rem}#app .index-page{padding:1rem 2.5vw}#app .index-page h1{font-size:2.5rem}#app .upload-file-container{width:95vw}#app .editor-container{grid-template-columns:unset;height:auto;margin:0 auto;width:95vw}#app .editor-container .editor-menus{border:none;height:70vh;width:100%}#app .editor-container .layer-slider-container{bottom:3vh;height:54vh;top:unset;transform:unset}#app .editor-container .layer-slider-container .layer-slider{width:calc(54vh - 6.8rem)}#app .editor-container .layer-slider-container .layer-slider .slider-btn{pointer-events:unset}#app .editor-container #viewport{height:60vh}#app .page{padding:4rem 2.5vw}#app .page>h2{font-size:2rem}#app .page .index-page{align-items:center;display:flex;flex-direction:column}#app .page .index-page .index-page-left{margin-bottom:1rem;text-align:center}#app .page .index-page .index-page-left a.start-GPR{margin:0 auto}#app .page .index-page>img{margin:0;max-width:unset;width:100%}#app .page .how-to-items{box-shadow:unset;margin:5rem auto 1.5rem;padding:0 1rem;width:95vw}#app .page .how-to-items .how-to-item{padding:2rem 0 2rem 2rem}#app .page .how-use-items{align-items:center;flex-direction:column}#app .page .how-use-items .how-use-item{margin:0;width:100%}#app .page .editor-controls,#app .page .features-items{display:flex;flex-direction:column}#app .page .editor-controls .editor-control>span{height:1.7rem;width:1.7rem}#app .page .editor-controls .editor-control>img{height:2rem;margin:1rem 1rem 0;width:2rem}#app .page .faqs{width:100%}#app .start-creating{font-size:1rem;padding:4rem 2.5vw}#app .start-creating>h2{font-size:2rem}#app .start-creating br{display:none}}@keyframes exportLoading{0%{transform:rotate(0deg)}to{transform:rotate(10turn)}}