.layer{border:1px solid #e9ecf0;background-color:#fff}.layer,.shape{width:100%;height:100%}.shape{position:absolute;z-index:900;background-color:grey;opacity:.6;border:1px solid transparent}.shape:hover{border:1px solid red}.shape__point{position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;display:none}.shape__point:hover{border:1px solid red}.shape__point.l{top:calc(50% - 8px);left:-8px}.shape__point.r{top:calc(50% - 8px);right:-8px}.shape__point.t{top:-8px;left:calc(50% - 8px)}.shape__point.b{bottom:-8px;left:calc(50% - 8px)}.shape__point.tl{top:-8px;left:-8px}.shape__point.tr{top:-8px;right:-8px}.shape__point.bl{left:-8px;bottom:-8px}.shape__point.br{right:-8px;bottom:-8px}.shape__content{width:100%;height:100%;display:flex;align-items:center}.layer-container{width:100%;height:100%;min-height:120px}.drop-placeholder{border:1px dotted #00f;box-sizing:border-box;background-color:grey;opacity:.6;border-radius:2px;padding-bottom:20px}.editor-mask[data-v-7a7aa8f2]{position:absolute;top:0;left:0;width:100%;z-index:900;background-color:#e5e9ed}.editor-mask .editor[data-v-7a7aa8f2],.editor-mask[data-v-7a7aa8f2]{height:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.editor-mask .editor[data-v-7a7aa8f2]{position:relative;background-color:#fff;flex-direction:column;width:375px;max-height:680px}.editor-mask .editor[data-v-7a7aa8f2]::-webkit-scrollbar{width:2px;height:2px}.editor-mask .editor__header[data-v-7a7aa8f2]{position:absolute;top:0;left:0;width:100%;font-size:14px;text-align:center;background-color:transparent}.editor-mask .editor__header .navigation-bar[data-v-7a7aa8f2]{width:100%;height:64px;background-size:cover;padding:30px 0 7px 0;display:flex;align-items:center;justify-content:center}.editor-mask .editor__header .navigation-bar .title[data-v-7a7aa8f2]{font-size:18px;color:currentColor}.editor-mask .editor__content[data-v-7a7aa8f2]{width:100%;height:100%;background:transparent;overflow:auto;padding-top:64px}.editor-mask[data-v-4c22683d]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:900;background-color:#e5e9ed;overflow:auto;display:flex;align-items:center;justify-content:center}.editor-mask .editor[data-v-4c22683d]{position:relative;box-sizing:border-box;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;width:1920px;height:100%;border:1px solid transparent}.editor-mask .editor[data-v-4c22683d]:hover{border:1px dotted #00f;border-radius:4px}.screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen__header{width:100%;height:54px;line-height:54px}.screen__content{width:100%;flex:1;position:relative}.setting{right:0}.library,.setting{width:300px;height:100%;background-color:#fff;border:1px solid #e8e8e8;position:absolute;top:0;z-index:999}.library{left:0}.material{width:64px;height:64px;border-radius:4px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;background-color:#00f;color:#fff}.group[data-v-3686947c]{flex-direction:column;padding:0 20px}.group[data-v-3686947c],.group__header[data-v-3686947c]{display:flex;align-items:center;justify-content:flex-start}.group__header[data-v-3686947c]{height:39px;line-height:39px;width:100%}.group__header .operation[data-v-3686947c]{margin-right:4px}.group__header .operation .anticon[data-v-3686947c]{transition-duration:.25s}.group__header .operation .anticon.expand[data-v-3686947c]{transform:rotate(90deg)}.group__header .title[data-v-3686947c]{color:#262a30;font-size:14px;height:39px;line-height:39px;text-align:right}.group__content[data-v-3686947c]{width:100%;padding:4px}.group__content .container[data-v-3686947c]{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.group .hidden[data-v-3686947c]{display:none!important}