.component-panel[data-v-4d4220b0]{width:260px;flex-shrink:0;background:#fff;border-right:1px solid #ebeef5;height:100%;padding-right:10px}.panel-scroll[data-v-4d4220b0]{height:100%;overflow-y:auto}.panel-title[data-v-4d4220b0]{height:40px;font-size:14px;font-weight:700;color:#303133;line-height:40px;padding:0 4px}.component-grid[data-v-4d4220b0]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.component-item[data-v-4d4220b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;border:1px solid #ebeef5;border-radius:8px;background:#fafbfc;cursor:grab;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.component-item .component-icon[data-v-4d4220b0]{font-size:18px;color:var(--el-color-primary)}.component-item span[data-v-4d4220b0]{font-size:12px;color:#606266;text-align:center;line-height:1.3}.component-item[data-v-4d4220b0]:hover{border-color:var(--el-color-primary);background:#ecf5ff;box-shadow:0 2px 8px rgba(64,158,255,.12)}