.loading-wrapper[data-v-581cf31c]{padding:20px}.category-wrapper[data-v-7c662b1d]{margin:0 -10px}.category-wrapper .next[data-v-7c662b1d],.category-wrapper .prev[data-v-7c662b1d]{width:30px;height:30px;text-align:center;cursor:pointer}.category-wrapper .next.disabled[data-v-7c662b1d],.category-wrapper .prev.disabled[data-v-7c662b1d]{opacity:.5;color:#9f9f9f;cursor:not-allowed!important}.category-wrapper .scroll-container[data-v-7c662b1d]{overflow:hidden}.category-wrapper .scroll-container .list[data-v-7c662b1d]{display:inline-flex;flex-wrap:nowrap;min-width:100%}.category-wrapper .scroll-container .list .item[data-v-7c662b1d]{display:inline-block;flex-shrink:0;padding:8px 14px 6px 14px;border-radius:8px;border:1px solid #e8e8e8;margin-right:10px;cursor:pointer}.category-wrapper .scroll-container .list .item[data-v-7c662b1d]:last-child{margin-right:10px}.category-wrapper .scroll-container .list .item.active[data-v-7c662b1d]{border-color:#14171f;background-color:#14171f;color:#fff}.list-container[data-v-7c662b1d]{height:310px}.list-container[data-v-7c662b1d] .el-scrollbar__wrap{overflow-x:hidden}.list-wrapper[data-v-7c662b1d]{flex-wrap:wrap}.list-wrapper .item[data-v-7c662b1d]{margin-right:15px;margin-top:15px}.list-wrapper .item[data-v-7c662b1d]:nth-of-type(3n){margin-right:0}.list-wrapper .item .img-box[data-v-7c662b1d]{width:106px;height:106px;border-radius:10px;border:2px solid transparent;font-size:0;background-color:#f5f5f5}.list-wrapper .item .img-box .active[data-v-7c662b1d],.list-wrapper .item .img-box[data-v-7c662b1d]:hover{border-color:#14171f}.list-wrapper .item .img-box .img[data-v-7c662b1d]{width:100%;height:100%;border-radius:10px}.title[data-v-7c662b1d] .el-upload-dragger{overflow:visible!important}.title .choose[data-v-7c662b1d]{padding:0 12px;border-radius:8px;border:1px solid #14171f;height:26px}.trigger[data-v-7c662b1d]{width:30px;height:30px;border-radius:8px;margin-right:8px;cursor:pointer}.trigger[data-v-7c662b1d]:hover{background-color:#f5f5f5}.img-diyeditor-dropdown{width:150px;padding:8px}.img-diyeditor-dropdown .el-dropdown-menu__item{line-height:normal;padding:0}.img-diyeditor-dropdown .el-dropdown-menu__item:hover{background-color:transparent!important}.img-diyeditor-drop-tool{padding:6px;border-radius:8px;cursor:pointer}.img-diyeditor-drop-tool .chk{font-weight:700}.img-diyeditor-drop-tool:hover{background-color:#f5f5f5;color:#14171f!important}.img-diyeditor-drop-tool .txt{margin-left:8px}.tool-box[data-v-2251ef55]{border:1px solid #e8e8e8;border-radius:10px;padding:8px;background-color:#fff;display:flex;align-items:center;margin-right:10px}.tool-box .zoom-input[data-v-2251ef55]{width:55px;height:30px;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:center}.tool-box .zoom-input[data-v-2251ef55]:hover{background-color:#f5f5f5}.tool-box .zoom[data-v-2251ef55]{width:22px;height:22px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.tool-box .zoom[data-v-2251ef55]:hover{background-color:#f5f5f5}.tool-box[data-v-2251ef55]:last-child{margin-right:0}.tool-box .down[data-v-2251ef55]{height:30px;width:18px;border-radius:8px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-box .down[data-v-2251ef55]:hover{background-color:#f5f5f5}.tool-box .item[data-v-2251ef55]{width:30px;height:30px;border-radius:8px;margin-right:8px;cursor:pointer}.tool-box .item.haschild[data-v-2251ef55]{margin-right:2px}.tool-box .item[data-v-2251ef55]:last-child{margin-right:0}.tool-box .item.active[data-v-2251ef55]{background-color:#f5f5f5}.tool-box .item.disabled[data-v-2251ef55]{color:#9f9f9f}.tool-box .item.disabled[data-v-2251ef55]:hover{background-color:transparent}.tool-box .item[data-v-2251ef55]:hover{background-color:#f5f5f5}.body-wrapper[data-v-19ada88e]{padding-top:80px;height:calc(100% - 147px)}.body-wrapper .canvas-wrapper[data-v-19ada88e]{height:100%;overflow:auto}.panel-wrapper[data-v-19ada88e] .container{background-color:#fff}.panel-wrapper[data-v-19ada88e] .container .canvas-container{width:100vw;height:100vh;background-color:transparent}.aside-wrapper[data-v-19ada88e]{position:fixed;bottom:10px;right:10px;top:80px;cursor:pointer;z-index:10}.aside-wrapper.open .opt[data-v-19ada88e]{border-radius:8px 0 0 8px}.aside-wrapper.open .opt span[data-v-19ada88e]{transform:rotate(180deg)}.aside-wrapper .layer-wrapper[data-v-19ada88e]{width:200px;height:calc(100% - 10px);overflow-y:auto;background-color:rgba(20,23,31,.05);padding:0 10px 10px 10px;border-radius:0 8px 8px 8px}.aside-wrapper .layer-wrapper .layer-content[data-v-19ada88e]{height:calc(100% - 36px);overflow-y:auto}.aside-wrapper .layer-wrapper .layer-title[data-v-19ada88e]{height:36px}.aside-wrapper .opt[data-v-19ada88e]{width:26px;height:26px;border-radius:8px;background-color:rgba(20,23,31,.05)}.footer-wrapper[data-v-19ada88e]{position:fixed;z-index:10;bottom:10px;left:50%;transform:translateX(-50%);background-color:rgba(20,23,31,.05);border-radius:16px;padding:5px 20px;color:rgba(20,23,31,.7)}.footer-wrapper .scale-input[data-v-19ada88e]{cursor:pointer;width:60px;margin:0 2px;border-radius:8px;border-color:transparent;height:36px;line-height:36px;font-size:14px;color:rgba(20,23,31,.7);box-shadow:0 1px 4px 0 rgba(0,0,0,.15);text-align:center;background-color:#fff}.footer-wrapper .split-line[data-v-19ada88e]{margin:0 20px}.footer-wrapper .item[data-v-19ada88e]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:36px}.footer-wrapper .item[data-v-19ada88e]:not(:disabled):hover{background-color:#fff}.footer-wrapper .btn[data-v-19ada88e]{padding:10px;cursor:pointer;border:0;background-color:transparent}.header-wrapper[data-v-19ada88e]{padding:10px;background-color:rgba(20,23,31,.05);border-radius:16px;position:fixed;top:10px;right:10px;left:10px;z-index:10}@keyframes gradientFlow-19ada88e{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.header-wrapper .send-btn[data-v-19ada88e]{padding:2px 2px 2px 16px;border-radius:8px;background:linear-gradient(90deg,#9b89ff,#82ffc8,#def042,#9b89ff,#82ffc8,#def042);background-size:200% 100%;animation:gradientFlow-19ada88e 15s linear infinite;display:flex;border:0}.header-wrapper .send-btn[data-v-19ada88e] span{display:flex;align-items:center;justify-content:center}.header-wrapper .send-btn .icon[data-v-19ada88e]{width:32px;height:32px;border-radius:8px;background-color:hsla(0,0%,100%,.7)}.header-wrapper .switch-wrapper span.active[data-v-19ada88e]{color:#1e66cd}.header-wrapper[data-v-19ada88e] .tool-box{background-color:transparent;border:0;padding:0}.header-wrapper[data-v-19ada88e] .tool-box .down.active,.header-wrapper[data-v-19ada88e] .tool-box .down:hover,.header-wrapper[data-v-19ada88e] .tool-box .item.active,.header-wrapper[data-v-19ada88e] .tool-box .item:hover{background-color:hsla(0,0%,100%,.7)}.header-wrapper .back[data-v-19ada88e]{width:40px;height:40px;border-radius:10px;background-color:rgba(20,23,31,.05)}.header-wrapper .back[data-v-19ada88e]:hover{background-color:rgba(20,23,31,.1)}.hand-pannel[data-v-19ada88e]{height:100vh}#sticker-context-menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;user-select:none}