.component-palette[data-v-e8405c2c]{background-color:#171717;padding:8px}.layout-container[data-v-e8405c2c]{display:flex;flex-direction:column;height:100%;width:200px}.group-item .group-title[data-v-e8405c2c]{font-weight:700;margin-bottom:8px}.group-item .group-list[data-v-e8405c2c]{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--dialog-border);margin-bottom:16px}.component-item[data-v-e8405c2c]{display:flex;align-items:center;padding:0 8px;height:20px;line-height:20px;width:96px;border:1px solid var(--cell-border);border-radius:2px;background-color:#474747;cursor:pointer;transition:all .3s ease}.component-item[data-v-e8405c2c]:hover{background-color:#4d4d4d;border-color:var(--global-color)}.component-item .component-icon[data-v-e8405c2c]{height:12px;width:12px;margin-right:4px}.component-item .component-name[data-v-e8405c2c]{color:--highlight-text;font-size:12px;font-weight:600}.cusotom-form[data-v-7b4a4b16]{display:flex;flex-direction:column;height:700px}.flow-path[data-v-7b4a4b16]{display:flex}.flow-path .path-item[data-v-7b4a4b16]{display:flex;align-items:center}.flow-path .path-item .path-line[data-v-7b4a4b16]{width:55px;margin-left:4px;border-bottom:1px solid #ccc}.flow-path .path-item .path-name[data-v-7b4a4b16]{margin-left:4px;cursor:pointer}.flow-path .path-item .path-name.current[data-v-7b4a4b16]{color:var(--global-color)}.container[data-v-7b4a4b16]{flex:1;display:flex;overflow:auto}.container[data-v-7b4a4b16] .design-canvas{flex:1}