@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")}@font-face{font-display:swap;font-family:Kola;font-style:normal;font-weight:400 700;src:url(Kola-Regular.ttf)}:root{--link-color:#409eff;--color-primary:#f6095a;--color-primary-light-3:#ff5c95;--color-primary-light-5:#ff84af;--color-primary-light-7:#f9bbd1;--color-success:#67c23a;--color-success-light-3:#95d475;--color-success-light-5:#b3e19d;--color-success-light-7:#d1edc4;--color-success-light-8:#e1f3d8;--color-success-light-9:#f0f9eb;--color-success-dark-2:#529b2e;--color-warning:#e6a23c;--color-warning-light-3:#eebe77;--color-warning-light-5:#f3d19e;--color-warning-light-7:#f8e3c5;--color-warning-light-8:#faecd8;--color-warning-light-9:#fdf6ec;--color-warning-dark-2:#b88230;--color-danger:#f56c6c;--color-danger-light-3:#f89898;--color-danger-light-5:#fab6b6;--color-danger-light-7:#fcd3d3;--color-danger-light-8:#fde2e2;--color-danger-light-9:#fef0f0;--color-danger-dark-2:#c45656;--color-error:#f56c6c;--color-error-light-3:#f89898;--color-error-light-5:#fab6b6;--color-error-light-7:#fcd3d3;--color-error-light-8:#fde2e2;--color-error-light-9:#fef0f0;--color-error-dark-2:#c45656;--color-info:#909399;--color-info-light-3:#b1b3b8;--color-info-light-5:#c8c9cc;--color-info-light-7:#dedfe0;--color-info-light-8:#e9e9eb;--color-info-light-9:#f4f4f5;--color-info-dark-2:#73767a;--bg-color:#fff;--bg-color-page:#f2f3f5;--bg-color-overlay:#fff;--text-color-primary:#303133;--text-color-regular:#606266;--text-color-secondary:#909399;--text-color-placeholder:#a8abb2;--text-color-disabled:#c0c4cc;--border-color:#dcdfe6;--border-color-light:#e4e7ed;--border-color-lighter:#ebeef5;--border-color-extra-light:#f2f6fc;--border-color-dark:#d4d7de;--border-color-darker:#cdd0d6;--fill-color:#f0f2f5;--fill-color-light:#f5f7fa;--fill-color-lighter:#fafafa;--fill-color-extra-light:#fafcff;--fill-color-dark:#ebedf0;--fill-color-darker:#e6e8eb;--fill-color-blank:#fff;--box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--disabled-bg-color:var(--fill-color-light);--disabled-text-color:var(--text-color-placeholder);--disabled-border-color:var(--border-color-light);--overlay-color:rgba(0,0,0,.8);--overlay-color-light:rgba(0,0,0,.7);--overlay-color-lighter:rgba(0,0,0,.5);--mask-color:hsla(0,0%,100%,.9);--mask-color-extra-light:hsla(0,0%,100%,.3);--border-width:1px;--border-style:solid;--border-color-hover:var(--text-color-disabled);--border:var(--border-width) var(--border-style) var(--border-color);--svg-monochrome-grey:var(--border-color);--color-white:#fff;--color-black:#000;--color-primary-rgb:64,158,255;--color-success-rgb:103,194,58;--color-warning-rgb:230,162,60;--color-danger-rgb:245,108,108;--color-error-rgb:245,108,108;--color-info-rgb:144,147,153;--font-size-extra-large:20px;--font-size-large:18px;--font-size-medium:16px;--font-size-base:14px;--font-size-small:13px;--font-size-extra-small:12px;--font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--font-weight-primary:500;--font-line-height-primary:24px;--index-normal:1;--index-top:1000;--index-popper:2000;--border-radius-base:4px;--border-radius-small:2px;--border-radius-round:20px;--border-radius-circle:100%;--transition-duration:0.3s;--transition-duration-fast:0.2s;--transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--transition-all:all var(--transition-duration) var(--transition-function-ease-in-out-bezier);--transition-fade:opacity var(--transition-duration) var(--transition-function-fast-bezier);--transition-md-fade:transform var(--transition-duration) var(--transition-function-fast-bezier),opacity var(--transition-duration) var(--transition-function-fast-bezier);--transition-fade-linear:opacity var(--transition-duration-fast) linear;--transition-border:border-color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);--transition-box-shadow:box-shadow var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);--transition-color:color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);--component-size-large:40px;--component-size:32px;--component-size-small:24px;color-scheme:light;font-size:15px}[v-cloak]{display:none!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:100vw}[hide]{display: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(--color-primary)}.head{align-items:center;border-bottom:1px solid var(--border-color-darker);display:flex;font-size:2.5rem;height:5rem;justify-content:center;margin:0;padding:0 1em}.head,.head .logo{box-sizing:border-box}.head .logo{height:3rem;margin-right:1rem}#app{--innerHeight:calc(100dvh - 5rem);height:100dvh;overflow:hidden;overflow-y:auto;width:100vw}#app .editor-container{display:grid;grid-template-columns:auto 1fr;height:var(--innerHeight);position:relative;width:100%}#app .editor-container .editor-params{border-right:1px solid var(--border-color-darker);box-sizing:border-box;display:flex;flex-direction:column;gap:3rem;overflow:hidden;overflow-y:auto;padding:.5rem;width:20rem}#app .editor-container .editor-params .editor-param .editor-param-title{align-items:center;display:flex;gap:.5rem}#app .editor-container .editor-params .editor-param .editor-param-title>img{height:1.5rem;width:1.5rem}#app .editor-container .editor-params .editor-param .editor-param-body{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:0 1rem}#app .editor-container .editor-params .editor-param .editor-param-body .editor-param-item{align-items:center;display:grid;grid-template-columns:minmax(5rem,auto) 1fr;justify-items:start}#app .editor-container .editor-params .editor-param .editor-param-body .editor-param-item>span{margin-right:1rem}#app .editor-container .editor-params .editor-param .editor-param-body .editor-param-item>input[type=number]{border:1px solid var(--border-color-darker);border-radius:.25rem;box-sizing:border-box;height:2.35rem;outline:none;padding:0 .5rem;width:100%}#app .editor-container .editor-params .editor-param .editor-param-body .export-btn{background:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem;text-align:center}#app .editor-container .editor-params .editor-param[details]{position:absolute;right:1rem;top:1rem;z-index:1}#app .editor-container .editor-params .editor-param[details] .editor-param-title{display:none}#app .editor-container .editor-params .editor-param[details] .editor-param-body{margin:0;padding:0}#app .editor-container[data-mode="1"] .editor-params .editor-param[details]{color:#fff}#app .editor-container .editor{height:var(--innerHeight);position:relative;width:calc(100vw - 20rem)}#app .editor-container .editor .editor-modes{align-items:center;display:flex;gap:1rem;left:1rem;position:absolute;top:1rem;z-index:1}#app .editor-container .editor .editor-modes .editor-mode{background:var(--border-color-darker);border-radius:.25rem;cursor:pointer;padding:.25rem;text-align:center;width:3rem}#app .editor-container .editor .editor-modes .editor-mode[active=true]{background-color:var(--color-primary);color:#fff}#app .editor-container .editor .svg-editor{box-sizing:border-box;display:flex;height:100%;overflow:auto;padding:1px;position:relative;width:100%}#app .editor-container .editor .svg-editor #svg_circle{flex-shrink:0;margin:auto}#app .editor-container .editor #viewport{height:100%;left:0;position:absolute;top:0;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:10rem}#app .page h2{font-family:Kola;font-size:3rem;margin:.5rem 0}#app .page h3{font-family:Kola;font-size:2rem}#app .page p{line-height:1.5}#app .page .about,#app .page .how-to-make{--borderWidth:3rem;background:#fffd;clip-path:polygon(0 var(--borderWidth),var(--borderWidth) 0,calc(100% - var(--borderWidth)) 0,100% var(--borderWidth),100% calc(100% - var(--borderWidth)),calc(100% - var(--borderWidth)) 100%,var(--borderWidth) 100%,0 calc(100% - var(--borderWidth)));padding:5rem}#app .page .about img,#app .page .how-to-make img{margin-bottom:2rem}#app .page .how-to-make{text-align:center}#app .page .how-to-make .how-to-make-items{display:grid;font-size:1.15rem;grid-template-columns:repeat(3,33.33%);margin-top:3rem}#app .page .how-to-make .how-to-make-items .how-to-make-item,#app .page .key-features{text-align:center}#app .page .key-features>h2{margin-bottom:6rem!important}#app .page .key-features .key-features-item{border-top:1px solid var(--border-color-darker);padding:2rem calc(50% - 25rem);text-align:start}#app .page .faqs{margin:0 auto;text-align:center;width:80%}#app .page .faqs>h2{margin-bottom:4rem!important}#app .page .faqs .faq{--borderWidth:1rem;background:var(--bg-color-page);box-sizing:border-box;clip-path:polygon(0 var(--borderWidth),var(--borderWidth) 0,calc(100% - var(--borderWidth)) 0,100% var(--borderWidth),100% calc(100% - var(--borderWidth)),calc(100% - var(--borderWidth)) 100%,var(--borderWidth) 100%,0 calc(100% - var(--borderWidth)));margin-bottom:2rem;text-align:start}#app .page .faqs .faq>h3{align-items:center;display:flex;font-size:1.8rem!important;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{grid-row:1/10;margin:0;overflow:hidden;padding:0 1.5rem;transition:padding .2s}#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 .ready-to-elevate{align-items:center;background:var(--color-primary-light-7);display:grid;grid-template-columns:1fr auto;padding:6rem}#app .page .ready-to-elevate .try-MC{background:var(--color-primary);border-radius:.5rem;color:#fff;cursor:pointer;margin-left:1rem;padding:1rem 1.5rem}.checkbox{background:var(--border-color-darker);border-radius:.25rem;height:1.25rem;position:relative;width:1.25rem}.checkbox input[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.checkbox:has(input[type=checkbox]:checked){background:var(--color-primary)}.checkbox:has(input[type=checkbox]:checked):before{color:#fff;content:"√";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.range{background:var(--border-color-darker);border-radius:1rem;height:.5rem;position:relative;width:100%}.range:before{background:#fff;border:1px solid var(--color-primary);border-radius:1rem;content:"";height:1rem;left:calc(var(--leftpx)*100% - var(--leftpx)*1rem);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem;z-index:1}.range:after{background:var(--color-primary);border-radius:1rem;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:calc(var(--leftpx)*100% - 1rem*var(--leftpx) + .5rem)}.range>input{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.select{border:1px solid var(--border-color-darker);border-radius:.25rem;width:100%}.select,.select .select-title{box-sizing:border-box;position:relative}.select .select-title{align-items:center;display:grid;grid-template-columns:1fr auto;justify-items:center;padding:.5rem .3rem}.select .select-title>svg{height:1.25rem;pointer-events:none;transform:rotate(0deg);transition:transform .2s;width:1.25em}.select .select-title input{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.select .select-title span{overflow:hidden;text-align:center;text-overflow:ellipsis;width:100%}.select .select-pop{display:grid;grid-template-rows:0fr;left:0;min-width:100%;position:absolute;top:100%;transition:grid-template-rows .2s;z-index:2}.select .select-pop .select-options{background:#fff;border-radius:.25rem;box-shadow:0 0 10px var(--border-color-darker);box-sizing:border-box;grid-row:1/10;margin-top:.5rem;overflow:hidden;width:100%}.select .select-pop .select-options .select-option{cursor:pointer;padding:.5rem 1rem}.select .select-pop .select-options .select-option:hover{color:var(--color-primary)}.select .select-pop .select-options .select-option[active=true]{color:var(--color-primary);font-weight:700}.select:has(input:checked) .select-pop{grid-template-rows:1fr}.select:has(input:checked) svg{transform:rotate(180deg)}@media screen and (max-width:900px){.head{font-size:1.25rem}#app .editor-container{align-items:center;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin-bottom:4rem}#app .editor-container .editor-params{height:-moz-fit-content;height:fit-content;overflow:unset;width:100%}#app .editor-container .editor-params .editor-param[details]{position:unset}#app .editor-container .editor-params .editor-param[details] .editor-param-title{display:unset}#app .editor-container .editor-params .editor-param[details] .editor-param-body{margin-top:1rem;padding:0 1rem}#app .editor-container[data-mode="1"] .editor-params .editor-param[details]{color:unset}#app .editor-container .editor{height:95vw;width:95vw}#app .editor-container .editor .editor-modes{display:none}#app .page{padding:.5rem}#app .page h2{font-size:2rem}#app .page h3{font-size:1.5rem}#app .page .about,#app .page .how-to-make{clip-path:unset;padding:.5rem}#app .page .about img,#app .page .how-to-make img{margin:0}#app .page .how-to-make .how-to-make-items{display:flex;flex-direction:column;text-align:start}#app .page .how-to-make .how-to-make-items .how-to-make-item{text-align:start}#app .page .key-features>h2{margin-bottom:2rem!important}#app .page .faqs{width:100%}#app .page .faqs .faq h3{font-size:1.35rem!important}#app .page .ready-to-elevate{display:flex;flex-direction:column;gap:2rem;padding:.5rem .5rem 2rem;text-align:center}}