#app{width:100vw;height:100vh;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,PingFang SC-Semibold;color:#333}#app textarea{background-color:#fff;color:#333}*::-webkit-scrollbar{width:4px;height:2px}*::-webkit-scrollbar-thumb{border-radius:100px}.home{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.edit-box .edit{width:100vw;height:100vh;background-color:#fff}.edit-box .edit .edit-menu{width:120px;height:200px;position:fixed;z-index:10;background-color:#fff;box-shadow:0 2px 4px #00000026}.edit-box .edit .edit-menu .menu-item{width:100%;height:50px;line-height:50px;text-align:center;cursor:pointer}.edit-box .edit .edit-menu .menu-item:hover{background-color:#f0f0f0}.edit-box .header{background:#eeeeee}.header{width:100vw;height:50px;padding:0 20px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:3;display:flex;justify-content:space-between;align-items:center}.header .header-left{height:100%;display:flex;justify-content:flex-start;align-items:center}.header .header-left .header-left-icon img{height:35px;margin-right:10px}.header .header-left .header-left-title{width:100%;height:22px;font-size:14px;font-weight:500;text-align:center}.header .header-center{border-bottom:2px solid #333;color:#000}.header .header-right{width:120px;height:100%;font-size:14px;color:#9f9f9f;display:flex;justify-content:flex-end;align-items:center}.left{width:65px;height:calc(100vh - 53px);background:rgba(255,255,255,.5);box-shadow:0 2px 7px #b2b2b280;position:fixed;top:50px;left:0;z-index:2;overflow-x:hidden;overflow-y:auto}.left .left-box{width:130px;height:100%;position:absolute;left:0;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center}.left .left-box .left-base{width:66px;height:100%;flex-shrink:0}.left .left-box .left-base>div:not(.ant-divider,.left-common,.left-used){width:100%;height:60px;align-content:center;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.left .left-box .left-base>div:not(.ant-divider,.left-common,.left-used)>img{width:20px;height:20px}.left .left-box .left-base>div:not(.ant-divider,.left-common,.left-used) div:nth-child(2){width:100%;height:20px;font-size:12px;font-weight:500;text-align:center;margin-top:5px}.left .left-box .left-base .ant-divider-horizontal{margin:10px 0;border-color:#c9c0c0}.left .left-box .left-base .left-used,.left .left-box .left-base .left-common{width:100%;align-content:flex-start;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.left .left-box .left-base .left-used .left-used-item,.left .left-box .left-base .left-common .left-used-item{width:100%;height:50px;flex-shrink:0;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.left .left-box .left-base .left-used .left-used-item img,.left .left-box .left-base .left-common .left-used-item img{width:30px;height:30px}.left .left-box .left-base .left-used .left-used-item:hover,.left .left-box .left-base .left-common .left-used-item:hover{background-color:#f0f0f0}.left .left-box .left-base .left-common{height:400px}.left-mask{width:140px;height:100vh;position:fixed;z-index:20;top:0;left:71px;z-index:10;background:transparent}.left-mask .left-dialog{width:100%;background:#ffffff;border-radius:3px;box-shadow:0 2px 9px #b2b2b280;position:absolute;left:0;z-index:10;overflow-x:hidden;overflow-y:auto}.left-mask .left-dialog .left-dialog-item{width:100%;height:40px;padding:0 15px;cursor:pointer;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:flex-start;align-items:center}.left-mask .left-dialog .left-dialog-item:hover{background-color:#f0f0f0}.left-mask .left-dialog .left-dialog-title{font-size:14px;margin-left:10px}.left-mask .left-dialog::-webkit-scrollbar{width:2px;height:2px}.left-mask .left-dialog::-webkit-scrollbar-thumb{background:#1677ff}@keyframes toRight{0%{left:0;top:0}to{left:-65px;top:0}}@keyframes toLeft{0%{left:-65px;top:0}to{left:0;top:0}}.set{width:65px;height:100%;padding:10px 0;box-sizing:border-box;flex-shrink:0;overflow-x:hidden;overflow-y:auto}.set .set-back{width:100%;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.set .set-back>img{width:20px;height:20px}.set .ant-divider{border-color:#d4d0d0}.set>div:not(.ant-divider,.set-back),.set .set-color{width:100%;height:60px;align-content:center;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.set>div:not(.ant-divider,.set-back)>img,.set .set-color>img{width:25px;height:25px}.set>div:not(.ant-divider,.set-back) div:nth-child(2),.set .set-color div:nth-child(2){width:100%;height:20px;font-size:8px;font-weight:500;text-align:center;margin-top:5px;color:#aeabab}.set>div:not(.ant-divider,.set-back):hover,.set .set-color:hover{background-color:#f0f0f0}.set .set-color{position:relative;z-index:1}.set .set-color .set-color-div{width:30px;height:4px;position:absolute;z-index:2;left:20px;top:25.5px}.set .ant-divider-horizontal{margin:10px 0}.set::-webkit-scrollbar{width:0px;height:0px}.set-mask{width:75px;height:100vh;position:fixed;z-index:20;top:0;left:71px;z-index:10;background:transparent}.set-mask .set-dialog{width:85px;background:#ffffff;border-radius:3px;box-shadow:0 2px 9px #b2b2b280;position:absolute;left:0;z-index:10;overflow-x:hidden;overflow-y:auto}.set-mask .set-dialog .set-dialog-item{width:100%;height:40px;cursor:pointer;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:center;align-items:center}.set-mask .set-dialog .set-dialog-item img{width:25px;height:25px}.set-mask .set-dialog::-webkit-scrollbar{width:2px;height:2px}.set-mask .set-dialog::-webkit-scrollbar-thumb{background:#1677ff}.shape{width:240px;height:calc(100vh - 52px);background:#ffffff;border-radius:3px;box-shadow:0 2px 9px #b2b2b280;position:fixed;top:52px;right:0;z-index:10;overflow-x:hidden;overflow-y:auto}.shape .ant-tabs-nav{margin-bottom:0}.shape .ant-collapse-header{background-color:#fffdfd}.shape .shape-base{width:100%;height:calc(100vh - 100px);position:relative;z-index:1;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.shape .shape-base .ant-collapse{border:0px}.shape .shape-base .ant-collapse .left-icon-box{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.shape .shape-base .ant-collapse .left-icon-box .left-icon-item{width:40px;height:40px;cursor:move;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.shape .shape-base .ant-collapse .left-icon-box .left-icon-item:hover{background-color:#f0f0f0}.shape .shape-base .left-dialog-pin{width:30px;height:30px;cursor:pointer;position:absolute;right:0;top:5px;z-index:2;display:flex;justify-content:center;align-items:center}.shape .shape-base .left-dialog-pin img{width:20px;height:20px}.shape .shape-base::-webkit-scrollbar{width:0px;height:0px}.tag-box{width:100%;padding:10px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.tag-box .tag-item{width:52px;height:25px;margin-bottom:5px;cursor:pointer;display:flex;justify-content:center;align-items:center}.custom-icon-box{width:100%;height:calc(100% - 110px);align-content:flex-start;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.custom-icon-box .custom-icon-item{width:45px;height:45px;cursor:move;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.custom-icon-box .custom-icon-item img{width:30px;height:30px}.custom-icon-box .custom-icon-item:hover{background-color:#f0f0f0}.preview{width:100vw;height:100vh}.preview .preview-controlls{width:200px;height:60px;display:none;position:fixed;right:10px;bottom:10px;z-index:2}.preview .header .header-right{display:none}.preview:hover .preview-controlls{display:flex;justify-content:space-between;align-items:center}.preview:hover .header .header-right{display:flex;justify-content:flex-end;align-items:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}