.metric-config-container[data-v-50fe4ec4]{padding:0}.metric-group[data-v-50fe4ec4]{margin-bottom:24px}.group-header[data-v-50fe4ec4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.group-title[data-v-50fe4ec4]{font-size:15px;font-weight:600;color:#333}.metric-row td[data-v-50fe4ec4]{padding:8px 12px!important}.sql-preview[data-v-50fe4ec4]{font-size:12px;color:#888;font-family:monospace}.color-dot[data-v-50fe4ec4]{display:inline-block;width:10px;height:10px;border-radius:50%}.color-blue[data-v-50fe4ec4]{background:#1890ff}.color-red[data-v-50fe4ec4]{background:#f5222d}.color-purple[data-v-50fe4ec4]{background:#722ed1}.color-orange[data-v-50fe4ec4]{background:#fa8c16}.color-green[data-v-50fe4ec4]{background:#52c41a}.form-hint[data-v-50fe4ec4]{font-size:12px;color:#999;margin-top:4px}.test-result[data-v-50fe4ec4]{min-height:60px}.mode-switch[data-v-50fe4ec4]{margin-bottom:16px;text-align:center}.sql-generated-preview[data-v-50fe4ec4]{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;padding:8px 12px}.sql-generated-preview pre[data-v-50fe4ec4]{margin:0;font-size:12px;color:#333;white-space:pre-wrap;word-break:break-all;line-height:1.6}