.component-menu-warp .collapse-menu .el-collapse-item__header{background-color:#f5f7fa;padding:0 15px;transition:all .3s ease;height:36px;line-height:36px}.component-menu-warp .collapse-menu .el-collapse-item__header:hover{color:#198fff}.component-menu-warp .collapse-menu .component-list{padding:15px}.component-menu-warp .collapse-menu .component-list .item{cursor:pointer;padding:5px;border:1px solid #e4e7ed;margin-bottom:10px;border-radius:2px;color:#606266;transition:all .3s ease;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.component-menu-warp .collapse-menu .component-list .item:hover{color:#198fff;border:1px solid #198fff}.component-menu-warp .collapse-menu .component-list .item:hover i{color:#198fff}.component-menu-warp .collapse-menu .component-list .item i{font-size:16px;color:#909399}.props-menu-warp .title-area[data-v-6ffb7418]{padding:15px;background-color:#f5f7fa;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.props-menu-warp .title-area .title-text[data-v-6ffb7418]{-ms-flex:1;flex:1}.props-menu-warp .title-area .delete-btn[data-v-6ffb7418]{color:#f56c6c;padding:0;font-size:16px}.props-menu-warp .title-area .delete-btn[data-v-6ffb7418]:hover{color:red}.props-menu-warp .el-form-item[data-v-6ffb7418]{margin-bottom:10px;padding:0 15px}.props-menu-warp .el-form-item .f-a-c[data-v-6ffb7418]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#606266}.props-menu-warp .el-tabs .el-tabs__content[data-v-6ffb7418]{padding:0}.props-menu-warp .w-100[data-v-6ffb7418]{width:100%}.props-menu-warp .f-a-c[data-v-6ffb7418]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.props-menu-warp .mr-15[data-v-6ffb7418]{margin-right:15px}.props-menu-warp .mt-20[data-v-6ffb7418]{margin-top:20px}.props-menu-warp .px-15[data-v-6ffb7418]{padding-left:15px}.props-menu-warp .shrink-0[data-v-6ffb7418]{-ms-flex-negative:0;flex-shrink:0}.drag-canvas-warp *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.drag-canvas-warp .item{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:-1}.board-warp{position:relative;overflow:auto}.board-warp .view-wrapper{-webkit-user-select:none;-ms-user-select:none;user-select:none;top:0;left:0;-ms-touch-action:none;touch-action:none}.board-warp .view-wrapper .y-help-line{border-left:1px dashed #198fff;height:100%;position:absolute;z-index:100}.board-warp .view-wrapper .x-help-line{width:100%;border-bottom:1px dashed #198fff;position:absolute;z-index:100}.board-warp .view-wrapper .react{position:absolute;z-index:8;background-color:rgba(25,143,255,.1)}.board-warp .canvas-wrapper{width:500px;height:500px;background-color:#fff;border-radius:2px;box-shadow:0 0 10px rgba(0,21,41,.08);transition:transform .2s ease}.board-warp .board-canvas,.board-warp .canvas-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-warp .board-canvas{width:100%;height:100%}.board-warp .zoom-controls{position:fixed;top:150px;left:400px;transform:translateX(-50%);gap:8px;padding:8px 12px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000}.board-warp .zoom-btn,.board-warp .zoom-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#fff}.board-warp .zoom-btn{width:32px;height:32px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;-ms-flex-pack:center;justify-content:center;color:#606266;transition:all .2s}.board-warp .zoom-btn:hover:not(:disabled){background:#f5f7fa;border-color:#c0c4cc}.board-warp .zoom-btn:disabled{cursor:not-allowed;opacity:.5}.board-warp .zoom-btn i{font-size:14px}.board-warp .zoom-level{min-width:50px;text-align:center;font-size:14px;color:#606266;-webkit-user-select:none;-ms-user-select:none;user-select:none}