@font-face{font-display:swap;font-family:threeDdpea-font;font-style:normal;font-weight:400 700;src:url(https://www.3dpea.com/static/fonts/3dpea.woff2) format("woff2-variations")}[v-cloak]{opacity:0!important;pointer-events:none!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:100vw}[hide]{display:none!important}[not-edit=true]{opacity:.5!important}[not-edit=true],[not-edit=true] *{pointer-events:none!important}body,html{font-family:threeDdpea-font;height:100dvh;margin:0;overflow:hidden;padding:0;width:100vw}a{text-decoration:none}a:hover{text-decoration:underline}a:link,a:visited{color:inherit}ol,ul{padding-left:1em}ul{list-style-type:disc}::marker{color:var(--el-color-primary)}#app{--innerHeight:calc(100dvh - 5rem);height:100dvh;overflow:hidden;overflow-y:auto;width:100vw}#app .editor{position:relative;width:100vw}#app .editor .edit-image-popover{background:#fff;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;height:calc(var(--innerHeight) - 2rem);margin:1rem auto;max-width:1280px;padding:0 1rem;width:100%}#app .editor .edit-image-popover .edit-image-popover__left{background:var(--border-color-dark);border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:calc(var(--innerHeight) - 2rem);overflow:hidden;overflow-y:auto;padding:1rem;width:100%}#app .editor .edit-image-popover .edit-image-popover__left .upload-image{background:var(--bg-color-page);border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:7rem;justify-content:center;position:relative;width:100%}#app .editor .edit-image-popover .edit-image-popover__left .upload-image div{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:.25rem}#app .editor .edit-image-popover .edit-image-popover__left .upload-image input{cursor:pointer;font-size:0;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}#app .editor .edit-image-popover .edit-image-popover__left .upload-image .upload-image__btn{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;position:relative}#app .editor .edit-image-popover .edit-image-popover__left .upload-image .upload-image__btn svg{height:1.25rem;width:1.25rem}#app .editor .edit-image-popover .edit-image-popover__left .block-types{display:flex;gap:2rem}#app .editor .edit-image-popover .edit-image-popover__left .block-types .block-type{align-items:center;background:var(--bg-color-page);border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;width:13rem}#app .editor .edit-image-popover .edit-image-popover__left .block-types .block-type>div{font-size:1.15rem;margin-bottom:1rem}#app .editor .edit-image-popover .edit-image-popover__left .block-types .block-type>p{color:var(--el-text-color-secondary);font-size:.8rem;margin:0}#app .editor .edit-image-popover .edit-image-popover__left .block-types .block-type[active=true]{background:var(--color-primary);color:#fff}#app .editor .edit-image-popover .edit-image-popover__left .block-types .block-type[active=true]>p{color:#fff}#app .editor .edit-image-popover .edit-image-popover__left .blocks-table-container{flex-shrink:0;height:20em;overflow:hidden;width:100%}#app .editor .edit-image-popover .edit-image-popover__left .blocks-table-container .search-block-input{background:no-repeat;border:1px solid var(--bg-color-page);box-sizing:border-box;height:2.5rem;margin-bottom:1rem;outline:none;padding:0 .5rem;width:100%}#app .editor .edit-image-popover .edit-image-popover__left .convert-checkboxs{display:flex;flex-direction:column;gap:.5rem;width:-moz-fit-content;width:fit-content}#app .editor .edit-image-popover .edit-image-popover__left .convert-checkboxs label{height:-moz-fit-content;height:fit-content}#app .editor .edit-image-popover .edit-image-popover__left .MC-Version-select{align-items:center;display:flex;gap:1rem}#app .editor .edit-image-popover .edit-image-popover__left .convert{background:var(--el-color-primary);border-radius:.5rem;bottom:0;color:#fff;cursor:pointer;font-size:1.25rem;margin:1rem auto 0;padding:.5em 1em;position:sticky;text-align:center;width:80%;z-index:1}#app .editor .edit-image-popover .edit-image-popover__right{border:1px solid var(--border-color-darker);border-radius:1rem;box-sizing:border-box;display:grid;grid-template-rows:1fr auto auto;height:calc(var(--innerHeight) - 2rem);margin-left:1rem;overflow:hidden;padding:1rem;width:40rem}#app .editor .edit-image-popover .edit-image-popover__right .image-container{background:var(--el-border-color-darker);background-blend-mode:soft-light;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAAAAACN7WTCAAAAuklEQVRIx53XSQLCMAxDUd3/hjkNlFJK0niQ5P1b6xujuFdxMN2A6QpYuxw2LoWdy2DrEti7GBIuhIyLIOUCyLkdkm6DrHtC2j0g71YouAUqboaSm6Dm/lB0N1TdD8rugrr7QsOd0HEfaLkDem7AdCUs9wimK2CzfzBdCtu9hekSSOw7TBdCqidgugCS/QLTbZDuJZjuAYU+g+kWKPUgTDdBsT9huhvKvQvTXdDoa5juhFbPw3QHNP+HN8C9S6bXGcQFAAAAAElFTkSuQmCC);height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-container img{display:block;height:100%;left:50%;margin:auto;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-container[active-cut=true] .cut-image-bg{filter:brightness(.5)}#app .editor .edit-image-popover .edit-image-popover__right .image-container[active-cut=true] .cut-image{clip-path:polygon(150px 140px,450px 140px,450px 340px,150px 340px)}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper{--helperSize:8px;border:1px dashed #fff;cursor:all-scroll;display:none;height:200px;left:149px;position:absolute;top:218px;width:300px}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper>div{position:absolute}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__left{cursor:ew-resize;height:100%;left:calc(var(--helperSize)/-2);top:0;width:var(--helperSize)}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__right{cursor:ew-resize;height:100%;right:calc(var(--helperSize)/-2);top:0;width:var(--helperSize)}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__top{cursor:ns-resize;height:var(--helperSize);left:0;top:calc(var(--helperSize)/-2);width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__bottom{bottom:calc(var(--helperSize)/-2);cursor:ns-resize;height:var(--helperSize);left:0;width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__leftTop{cursor:se-resize;height:var(--helperSize);left:calc(var(--helperSize)/-2);top:calc(var(--helperSize)/-2);width:var(--helperSize)}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__rightTop{cursor:ne-resize;height:var(--helperSize);right:calc(var(--helperSize)/-2);top:calc(var(--helperSize)/-2);width:var(--helperSize)}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__rightBottom{bottom:calc(var(--helperSize)/-2);cursor:se-resize;height:var(--helperSize);right:calc(var(--helperSize)/-2);width:var(--helperSize)}#app .editor .edit-image-popover .edit-image-popover__right .image-container .cut-image-helper .cut-image-helper__leftBottom{bottom:calc(var(--helperSize)/-2);cursor:ne-resize;height:var(--helperSize);left:calc(var(--helperSize)/-2);width:var(--helperSize)}#app .editor .edit-image-popover .edit-image-popover__right .image-container[active-cut=true] .cut-image-helper{display:block}#app .editor .edit-image-popover .edit-image-popover__right .image-params{display:grid;grid-template-columns:1fr auto;width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;height:-moz-fit-content;height:fit-content;width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size .draw-image-width{align-items:center;display:flex;flex-direction:column;position:relative;width:5rem}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size .draw-image-width>.elinput{width:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size .draw-image-width>span{font-size:.8rem;margin-top:.25rem;position:absolute;top:100%}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size svg{height:1.5rem;width:1.5rem}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size svg path{fill:inherit}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size svg[active=false] path{fill:var(--el-border-color-darker)!important}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-checks{display:flex;flex-direction:column}#app .editor .image-editor-container{align-items:center;box-sizing:border-box;display:none;flex-direction:column;margin:2.5vw auto 0;min-height:100vh;overflow:hidden;overflow-y:auto;width:95vw}#app .editor .image-editor-container::-webkit-scrollbar-thumb{background-color:var(--el-color-primary)}#app .editor .image-editor-container::-webkit-scrollbar{width:6px}#app .editor .image-editor-container .image-editor{background:#efefef;box-sizing:border-box;display:grid;grid-template-areas:"a a a" "b c d" "e e e";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;height:100vh;width:100%}#app .editor .image-editor-container .image-editor .image-editor-menus{align-items:center;border-bottom:1px solid var(--el-border-color-darker);box-sizing:border-box;display:flex;gap:1rem;grid-area:a;height:3rem;padding:0 .5rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-menus .image-editor-menu{align-items:center;background-color:#fff;border-radius:.2rem;cursor:pointer;display:flex;height:2rem;padding:0 1rem}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2{border-right:1px solid var(--el-border-color-darker);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;grid-area:b;padding:.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .image-editor-menu-lv2{--fill:var(--el-text-color-secondary);box-sizing:border-box;cursor:pointer;height:2.5rem;padding:.5rem;width:2.5rem}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .image-editor-menu-lv2 svg{height:100%;pointer-events:none;width:100%}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .image-editor-menu-lv2 svg path{fill:var(--fill)}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .image-editor-menu-lv2[active=true]{--fill:var(--el-color-primary)}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .brush-size{align-items:center;background:#fff;display:flex;flex-direction:column;padding-top:.25rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .brush-size .brush-size-indicator{align-items:center;display:flex;height:25px;justify-content:center;margin-bottom:.25rem;width:25px}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .brush-size .brush-size-indicator:has(div[data-type=brush])>div{border-radius:25px}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .brush-size .brush-size-value{font-size:.8rem}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .brush-size .brush-size-add-sub{display:grid;grid-template-columns:1rem 1rem;width:2rem}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .brush-size .brush-size-add-sub svg{cursor:pointer;height:1rem;width:1rem}#app .editor .image-editor-container .image-editor .image-editor-menus-lv2 .current-select-block{-ms-interpolation-mode:nearest-neighbor;border:2px solid #fff;bottom:.5rem;box-shadow:0 0 10px var(--el-border-color-darker);box-sizing:border-box;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;position:absolute;width:calc(100% - 1rem)}#app .editor .image-editor-container .image-editor .image-editor-canvas{background:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,var(--el-border-color-darker) 25%,var(--el-border-color-darker) 75%,#fff 75%,#fff);background-position:0 0,10px 10px;background-size:20px 20px;grid-area:c;height:100%;position:relative;width:100%}#app .editor .image-editor-container .image-editor .image-editor-canvas canvas{height:100%;width:100%}#app .editor .image-editor-container .image-editor .image-editor-canvas:has(canvas[data-cursor=bucket]){cursor:url(../img/minecraftart/cursor/bucket.png),default}#app .editor .image-editor-container .image-editor .image-editor-canvas:has(canvas[data-cursor=eyedropper]){cursor:url(../img/minecraftart/cursor/eyedropper.png),default}#app .editor .image-editor-container .image-editor .image-editor-canvas:has(canvas[data-cursor=zoom]){cursor:zoom-in}#app .editor .image-editor-container .image-editor .image-editor-canvas:has(canvas[data-cursor=grab]){cursor:grab}#app .editor .image-editor-container .image-editor .image-editor-canvas:has(canvas[data-cursor=grabbing]){cursor:grabbing}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar{border-left:1px solid var(--el-border-color-darker);box-sizing:border-box;display:grid;grid-area:d;grid-template-rows:auto 1fr;height:calc(100dvh - 5rem);padding:.5rem;width:20rem}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .image-blocks{background:#fff;display:grid;grid-template-rows:auto 1fr;height:15rem;margin-bottom:1rem;padding-bottom:.5rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .image-blocks .image-blocks__title{border-bottom:1px solid var(--el-border-color-darker);height:1.8rem;margin-bottom:.5rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .image-blocks .image-blocks__title input{border:none;box-sizing:border-box;height:100%;margin:0;outline:none;padding:0 .5rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .image-blocks .image-blocks__body{box-sizing:border-box;display:grid;grid-template-columns:repeat(8,12.5%);grid-template-rows:repeat(auto-fit,calc(2.25em - .75px));height:100%;overflow:hidden;overflow-y:auto;padding:0 .5rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .image-blocks .image-blocks__body img{-ms-interpolation-mode:nearest-neighbor;cursor:pointer;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .image-blocks .image-blocks__body img:hover{filter:brightness(.5)}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container{background:#fff;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 22.5rem);padding:.5rem;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys-container-title{margin-bottom:.5rem}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys{background:#efefef;height:100%;overflow:hidden;overflow-y:auto;width:100%}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys .history{--fill:var(--el-text-color-secondary);align-items:center;border-bottom:1px solid var(--el-border-color-darker);box-sizing:border-box;cursor:pointer;display:flex;gap:.8rem;padding:.8rem}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys .history svg{height:1.25rem;width:1.25rem}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys .history svg path{fill:var(--fill)}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys .history[active=false]{opacity:.3}#app .editor .image-editor-container .image-editor .image-editor-right-side-bar .historys-container .historys .history[focus-active=true]{--fill:#fff;background-color:var(--el-color-primary);color:#fff}#app .editor .image-editor-container .image-editor .image-editor-footer{align-items:center;border-top:1px solid var(--el-border-color-darker);box-sizing:border-box;display:flex;font-size:.8rem;grid-area:e;height:2rem;justify-content:space-between;padding:0 .5rem;width:100%}#app .editor .image-editor-container .commands-container{background:#efefef;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:auto 1fr;margin-top:3rem;padding:1.5rem;width:95vw}#app .editor .image-editor-container .commands-container .commands-menus{display:flex;flex-direction:column;gap:1rem}#app .editor .image-editor-container .commands-container .commands-menus .commands-menu{align-items:center;display:grid;gap:.5rem;grid-template-columns:9rem 1fr}#app .editor .image-editor-container .commands-container .commands-menus>p{color:var(--el-text-color-regular);font-size:.8rem;line-height:1.5;margin:0}#app .editor .image-editor-container .commands-container .commands-contents{height:27rem;width:100%}#app .editor .image-editor-container .commands-container .commands-contents .command-block-container{display:grid;gap:1rem;grid-template-rows:1fr auto;height:100%}#app .editor .image-editor-container .commands-container .commands-contents .command-block-container>textarea{border:none;box-sizing:border-box;color:var(--el-text-color-regular);font-size:1.15rem;height:100%;line-height:1.5;margin-bottom:1rem;outline:none;padding:1rem;resize:none;width:100%}#app .editor .image-editor-container .commands-container .commands-contents .command-block-container>textarea::-webkit-scrollbar-thumb{background-color:var(--el-color-primary)}#app .editor .image-editor-container .commands-container .commands-contents .command-block-container>textarea::-webkit-scrollbar{width:6px}#app .editor .image-editor-container .commands-container .commands-contents .command-block-container>div{align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;padding:.8rem}#app .editor .image-editor-container .commands-container .commands-contents .mcfunction-file-container{align-items:center;background:#fff;border-radius:.25rem;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;padding:1rem 2rem;width:70%}#app .editor .image-editor-container .commands-container .commands-contents .mcfunction-file-container .downlaod-btn{background:var(--el-color-primary);border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem}#app .editor .image-editor-container .commands-container .commands-contents .mcfunction-file-container>input{border:1px solid var(--el-border-color-darker);border-radius:.25rem;box-sizing:border-box;font-size:1.05rem;height:100%;outline:none;padding:0 .5rem;width:100%}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container{display:grid;gap:1rem;grid-template-rows:1fr auto;height:100%}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container #raw-commands-viewer{background:#fff;counter-increment:line 0;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;overflow-y:auto;width:100%}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container #raw-commands-viewer::-webkit-scrollbar-thumb{background-color:var(--el-color-primary)}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container #raw-commands-viewer::-webkit-scrollbar{width:6px}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container #raw-commands-viewer>span{color:var(--el-text-color-primary);display:grid;gap:1rem;grid-template-columns:4rem 1fr;line-height:1.5}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container #raw-commands-viewer>span:before{border-right:1px solid var(--el-border-color-darker);box-sizing:border-box;color:var(--el-text-color-secondary);content:counter(line);counter-increment:line 1;display:block;padding:0 .5rem;text-align:end;width:100%}#app .editor .image-editor-container .commands-container .commands-contents .raw-commands-container>div{background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;padding:.8rem}#app .editor .image-editor-container .commands-container .commands-contents .copy{background:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;padding:.25rem 1rem}#app .editor[editor] .edit-image-popover{display:none}#app .editor[editor] .image-editor-container{display:flex}#app .editor[init] .image-editor-container{opacity:0}#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 .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 .index-page{display:grid;grid-template-columns:1fr auto;width:100%}#app .page .index-page .index-page-left{line-height:1.5;text-align:start}#app .page .index-page .index-page-left>h1{font-size:2rem;margin:0}#app .page .index-page .index-page-left a.start-GPR{align-items:center;background:var(--color-primary);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}#app .page .index-page .index-page-left a.start-GPR>svg{height:1.5rem;width:1.5rem}#app .page .index-page .index-page-left a.start-GPR>svg>path{fill:#fff}#app .page .index-page>img{margin-left:2rem;max-width:35vw}#app .page .how-use-items{display:flex;gap:3rem;justify-content:space-between}#app .page .how-use-items .how-use-item{border-radius:.5rem;box-shadow:0 0 10px var(--border-color-darker);box-sizing:border-box;padding:1rem;text-align:start;width:33.33%}#app .page .how-use-items .how-use-item>b{align-items:center;background:var(--color-primary-light-8);border-radius:10rem;color:var(--color-primary);display:flex;font-size:2rem;height:4rem;justify-content:center;width:4rem}#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 .editor-controls{display:grid;gap:2rem;grid-template-columns:repeat(2,calc(50% - 1rem));margin-top:4rem}#app .page .editor-controls .editor-control{display:grid;grid-template-columns:auto 1fr;position:relative}#app .page .editor-controls .editor-control>span{align-items:center;background:var(--color-primary-light-7);border:1px solid #fff;border-radius:10rem;color:#fff;display:flex;font-weight:700;height:2.25rem;justify-content:center;left:0;position:absolute;top:0;width:2.25rem;z-index:1}#app .page .editor-controls .editor-control>img{background:var(--color-primary-light-8);box-shadow:0 0 0 .7rem var(--color-primary-light-8);clip-path:circle(70%);height:3rem;margin:1rem 2rem 0 1.5rem;width:3rem}#app .page .editor-controls .editor-control>div{text-align:start}#app .page .editor-controls .editor-control>div>h3{margin:0 0 1.5rem}#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 p,#app .page .faqs .faq>div ul{grid-row:1/10;margin:0;overflow:hidden;padding:0 1.5rem;transition:padding .2s}#app .page .faqs .faq>div ul{margin:0 1.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 p{padding:0 1.5rem 2rem}#app .page .faqs .faq:has(input:checked)>div ul{margin:0 1.5rem 2rem}#app .page .might-interesteds{display:grid;gap:4rem;grid-template-columns:repeat(4,calc(25% - 3rem));margin-bottom:7rem}#app .page .might-interesteds .might-interested{text-align:start;width:100%}#app .page .might-interesteds .might-interested:hover{text-decoration:unset!important}#app .page .might-interesteds .might-interested>img{border:2px solid var(--color-primary);border-radius:1rem;box-sizing:border-box;height:calc(25vw - 8rem - 1.5px);width:100%}#app .page .might-interesteds .might-interested>h3{font-size:1.5rem}#app .start-creating{box-sizing:border-box;font-size:1.5rem;margin-bottom:14rem;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}:has(>.open-menus){padding:0!important}:has(>.open-menus) .open-menu{cursor:pointer;padding:.8rem 1rem;white-space:nowrap}:has(>.open-menus) .open-menu:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}:has(>p>.save-file){width:100%}:has(>p>.save-file) .save-file{border:1px solid var(--el-border-color-darker);border-radius:.25rem;display:grid;grid-template-columns:1fr auto;overflow:hidden;width:100%}:has(>p>.save-file) .save-file>input{border:none;box-sizing:border-box;outline:none;padding:0 0 0 .5rem}:has(>p>.save-file) .save-file>span{background:var(--el-border-color-darker);padding:.5rem}:has(>p>.save-file) .save-file-tips{font-size:.8rem;margin-top:.5rem}.settings{display:flex;flex-direction:column;gap:1rem}.settings .setting{align-items:center;display:flex;gap:.5rem}.settings .setting>label{height:-moz-fit-content;height:fit-content}@media screen and (max-width:900px){#app .editor .edit-image-popover{align-items:center;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}#app .editor .edit-image-popover .edit-image-popover__left{height:-moz-fit-content;height:fit-content;margin-bottom:2rem}#app .editor .edit-image-popover .edit-image-popover__left .upload-image{padding:.5rem}#app .editor .edit-image-popover .edit-image-popover__left .block-types{gap:.5rem}#app .editor .edit-image-popover .edit-image-popover__right{height:100dvh;margin:0;width:95vw}#app .editor .edit-image-popover .edit-image-popover__right .image-params{display:flex;flex-direction:column;gap:2rem}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size{display:grid;grid-template-columns:auto auto auto auto 1fr}#app .editor .edit-image-popover .edit-image-popover__right .image-params .draw-image-size>div:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#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-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}}[error]{animation:errorAnim .3s linear!important;color:red!important;transform:translate(0)}@keyframes errorAnim{0%{transform:translateY(1px)}10%{transform:translate(-2px,-1px)}20%{transform:translate(1px,2px)}30%{transform:translate(2px,-2px)}40%{transform:translate(-1px)}50%{transform:translateY(-2px)}60%{transform:translate(-2px,1px)}70%{transform:translate(1px,-1px)}80%{transform:translate(2px)}90%{transform:translate(-1px,2px)}to{transform:translateY(1px)}}