.ec-parameter-fields { margin-top: 12px; border-top: 1px solid #eeeef1; padding-top: 12px; min-width: 0; }
.public-agent-detail-page { padding: 28px 32px; min-width: 0; }
.public-agent-title { display: flex; align-items: center; gap: 10px; }
.public-agent-title h1 { font-size: 20px; line-height: 28px; margin: 0 6px 0 0; font-weight: 600; }
.public-agent-meta { display: flex; align-items: center; gap: 14px; color: #9498a6; font-size: 12px; margin: 18px 0 32px; }
.public-agent-section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.public-agent-section-heading h2 { font-size: 16px; font-weight: 600; margin: 0; }
.public-preset-caption { font-size: 13px; color: #888c99; margin: 0 0 10px; }
.public-agent-preset-card { display: flex; align-items: center; gap: 20px; padding: 16px 18px; border: 1px solid #e5e6ee; border-radius: 8px; background: white; margin-bottom: 12px; }
.public-agent-preset-card.is-applied { border-color: #d5cfff; }
.public-agent-preset-content { flex: 1; min-width: 0; }
.public-agent-preset-title { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 14px; }
.public-agent-preset-content > code { display: block; color: #8a8e9c; font-size: 12px; font-family: inherit; overflow-wrap: anywhere; line-height: 20px; }
.public-preset-components { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.public-agent-preset-empty { border: 1px dashed #e5e6ee; border-radius: 8px; padding: 28px; text-align: center; color: #999daa; font-size: 13px; }
.public-preset-modal .semi-modal { max-width: calc(100vw - 48px); }
.public-preset-modal .semi-modal-body { max-height: calc(100dvh - 206px); overflow-y: auto; }
.public-preset-modal .recorded-config-field label { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; line-height: 22px; }
.public-preset-modal .recorded-config-field label small { margin-left: 0; }
.public-preset-base-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
.public-component-heading { display: flex; gap: 8px; align-items: center; margin: 8px 0 12px; }
.public-component-heading h3 { font-size: 14px; font-weight: 600; margin: 0; }
.public-component-fields { border: 1px solid #ededf2; border-radius: 8px; padding: 0; margin: 0; }
.public-component-value { display: grid; grid-template-columns: minmax(0, 1.2fr) 16px minmax(0, 1fr) 24px; align-items: center; gap: 8px; }
.public-component-value .semi-select { min-width: 0; min-height: 34px; }
.public-component-value .semi-select-multiple { height: auto; }
.public-component-value .semi-select-multiple .semi-select-selection { flex-wrap: wrap; min-width: 0; }
.public-component-value .semi-tag { flex-shrink: 0; }
.public-component-value .ec-value-chip { margin: 3px 4px 3px 0; padding: 0 6px; font-size: 12px; background: #f0edff; color: #705bde; }
.public-cascade-arrow { text-align: center; color: #acafba; }
.public-add-skill { margin: 12px; }
.public-component-help { margin: 0 12px 12px; color: #9699a7; font-size: 12px; line-height: 20px; }
@media (max-width: 1000px) { .public-component-value { grid-template-columns: minmax(0, 1fr) 24px; gap: 8px; }.public-component-value > .semi-select:first-child { grid-column: 1; grid-row: 1; }.public-component-value > .semi-select:nth-child(3) { grid-column: 1; grid-row: 2; }.public-cascade-arrow { display: none; }.public-component-value > button { grid-column: 2; grid-row: 1 / span 2; } }
@media (max-width: 760px) { .public-preset-base-fields { grid-template-columns: 1fr; }.public-component-fields .semi-table-container { overflow-x: auto; }.public-component-fields .semi-table { min-width: 500px; }.public-agent-detail-page { padding: 20px; }.public-agent-title { flex-wrap: wrap; }.public-agent-preset-card { align-items: flex-start; flex-direction: column; } }
.ec-parameter-table .semi-table-thead > .semi-table-row > .semi-table-row-head { background: #fafafd; color: #74747f; font-size: 12px; font-weight: 400; padding: 9px 12px; }
.ec-parameter-table .semi-table-tbody > .semi-table-row > .semi-table-row-cell { padding: 10px 12px; vertical-align: middle; }
.ec-parameter-name { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ec-parameter-name strong { font-size: 13px; font-weight: 500; line-height: 20px; color: #30303a; }
.ec-parameter-name code { font-family: inherit; color: #9999a2; font-size: 11px; overflow-wrap: anywhere; }
.ec-role-select { min-width: 112px; }
.ec-parameter-value { min-width: 0; }
.ec-parameter-value .semi-select { min-width: 140px; }
.ec-parameter-value small { display: block; color: #9999a2; font-size: 11px; line-height: 18px; margin-top: 4px; }
.ec-parameter-value .semi-select-multiple { min-height: 32px; height: auto; }
.ec-parameter-table .ec-variable-row > .semi-table-row-cell { background: #f8f7ff; }
.recorded-platform .ec-variable-select { background: #f3f1ff; border-color: #dcd5ff; color: #7056d9; }
.recorded-platform .ec-variable-select .semi-select-selection { color: #7056d9; }
.recorded-platform .ec-variable-select .semi-tag { background: #ebe6ff; border-color: #ddd5ff; color: #7056d9; }
.ec-selected-value { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ec-selected-value > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.ec-selected-value .ec-default-tag { height: 17px; min-height: 17px; line-height: 15px; padding: 0 5px; border-radius: 3px; color: #8c8c98; background: #f1f1f5; font-size: 10px; flex-shrink: 0; }
.ec-parameters-empty { margin-top: 12px; padding: 12px; background: #fafafb; border-radius: 8px; color: #8b8b95; font-size: 12px; line-height: 20px; }
.ec-preview-page { background: #f8f8f9; }
.ec-preview-heading > span { margin-left: 2px; color: #92929c; font-size: 12px; }
.ec-preview-content { flex: 1; min-height: 0; overflow-y: auto; padding: 24px; }
.ec-preview-content > .recorded-section { padding: 20px 24px; border: 1px solid #e8e8ef; border-radius: 10px; box-shadow: none; }
.ec-name-field { display: flex; align-items: center; gap: 20px; width: 100%; }
.ec-name-field label { display: block; color: #3d3d47; font-size: 13px; font-weight: 500; white-space: nowrap; flex-shrink: 0; }
.ec-name-field em { color: #f05263; font-style: normal; }
.ec-name-field > .semi-input-wrapper { width: 100%; flex: 1; }
.ec-statistics-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ec-statistics-strip > div { display: flex; flex-direction: column; gap: 8px; padding: 0 22px; border-right: 1px solid #eeeeF4; }
.ec-statistics-strip > div:first-child { padding-left: 0; }
.ec-statistics-strip > div:last-child { border-right: 0; }
.ec-statistics-strip > div > span { color: #8c8c9a; font-size: 12px; }
.ec-statistics-strip > div > strong { color: #353542; font-size: 28px; line-height: 34px; font-weight: 600; }
.ec-statistics-strip > div:first-child > strong { color: #5146ff; }
.ec-statistics-strip strong small { color: #9696a2; font-size: 12px; font-weight: 400; margin-left: 7px; }
.ec-common-section .recorded-section-heading { margin-bottom: 16px; }
.ec-conditions-consistent { display: flex; align-items: center; gap: 5px; color: #359b73; font-size: 12px; }
.ec-conditions-consistent > .semi-icon { font-size: 13px; }
.ec-condition-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 9px 0; }
.ec-condition-row + .ec-condition-row { margin-top: 9px; padding-top: 18px; border-top: 1px solid #f0f0f4; }
.ec-condition-row > div { min-width: 0; display: flex; align-items: flex-start; gap: 12px; }
.ec-condition-label { color: #90909d; font-size: 12px; line-height: 21px; white-space: nowrap; }
.ec-condition-value { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ec-condition-value strong { color: #454551; font-size: 13px; font-weight: 400; line-height: 21px; overflow-wrap: anywhere; }
.ec-condition-value small { color: #a0a0ad; font-size: 11px; line-height: 18px; overflow-wrap: anywhere; }
.ec-other-fixed { display: flex; flex-wrap: wrap; gap: 8px 22px; padding-top: 14px; margin-top: 8px; border-top: 1px solid #f0f0f4; color: #9696a2; font-size: 12px; }
.ec-other-fixed b { font-weight: 400; color: #616170; }
.ec-muted { color: #96969f; font-size: 12px; font-weight: 400; }
.ec-combinations-section .recorded-section-heading h3 { display: flex; gap: 8px; }
.ec-combinations-title { display: flex; align-items: center; gap: 14px; }
.ec-combinations-section .recorded-section-heading > .semi-button { font-size: 12px; height: 24px; min-height: 24px; padding: 0; }
.ec-combinations-table .semi-table-thead > .semi-table-row > .semi-table-row-head { background: #fafafd; color: #74747f; font-size: 12px; font-weight: 400; padding: 11px 14px; }
.ec-combinations-table .semi-table-tbody > .semi-table-row > .semi-table-row-cell { padding: 11px 14px; font-size: 13px; }
.ec-combinations-table .ec-baseline-row > .semi-table-row-cell { background: #faf9ff; }
.ec-combinations-table .semi-table-tbody > .semi-table-row:last-child > .semi-table-row-cell { border-bottom: 0; }
.ec-combinations-table .coz-btn-text { padding: 0; height: 24px; min-height: 24px; font-size: 12px; white-space: nowrap; }
.ec-experiment-id { color: #35353e; font-size: 13px; font-weight: 500; }
.ec-combination-value { display: flex; flex-direction: column; gap: 2px; color: #45454f; font-size: 13px; overflow-wrap: anywhere; }
.ec-combination-value strong { font-size: 13px; font-weight: 400; line-height: 20px; }
.ec-combination-value small { color: #a0a0ad; font-size: 11px; line-height: 17px; }
.ec-baseline-note { margin-top: 14px; color: #96969f; font-size: 12px; line-height: 20px; }
.ec-preview-error { margin-bottom: 16px; }
.ec-preview-footer { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; flex-basis: 58px; height: 58px; min-height: 58px; padding: 10px 24px; background: #fff; border-top: 1px solid #ebebef; }
.ec-preview-footer > span { color: #8c8c99; font-size: 12px; }
.ec-preview-footer > span strong { color: #676675; font-weight: 500; }
.ec-preview-footer .semi-button { min-width: 84px; }
.ec-parameter-sheet .semi-sidesheet-header { padding: 20px 24px; border-bottom: 1px solid #eeeef2; }
.ec-parameter-sheet .semi-sidesheet-body { padding: 20px 24px; }
.ec-parameter-sheet .semi-sidesheet-title { font-size: 16px; font-weight: 600; }
.ec-sheet-intro { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; color: #868691; font-size: 12px; }
.ec-sheet-intro strong { color: #393943; font-size: 13px; font-weight: 500; }
.ec-full-parameter-table .semi-table-row-head { font-size: 12px; background: #fafafd; }
.ec-full-parameter-table .semi-table-row-cell { padding: 12px; vertical-align: top; }
.ec-full-value { display: flex; flex-direction: column; gap: 5px; color: #8c8c97; font-size: 11px; line-height: 18px; }
.ec-full-value strong { color: #4a4a55; font-size: 12px; font-weight: 400; }
.ec-full-value code { font-size: 11px; color: #777783; overflow-wrap: anywhere; }
.ec-runtime-detail { margin-top: 20px; border: 1px solid #eaeaf0; border-radius: 10px; overflow: hidden; }
.ec-runtime-detail summary { padding: 12px 14px; cursor: pointer; color: #484853; font-size: 13px; font-weight: 500; background: #fafafb; }
.ec-runtime-detail pre { margin: 0; padding: 14px; color: #666672; font-size: 12px; line-height: 20px; overflow-x: auto; max-height: 330px; }
.ec-sheet-condition { margin-top: 20px; color: #85858f; font-size: 12px; line-height: 21px; }
.ec-sheet-condition h3 { font-size: 13px; color: #484853; font-weight: 500; margin-bottom: 8px; }
.ec-sheet-condition p { margin: 4px 0; }
.ec-sheet-footer { display: flex; justify-content: flex-end; padding: 12px 24px; border-top: 1px solid #eeeef2; }
@media (max-width: 1050px) { .ec-condition-row { gap: 14px; } .ec-condition-row > div { gap: 8px; } .ec-preview-content > .recorded-section { padding: 16px; } }
@media (max-width: 760px) { .ec-preview-content { padding: 16px; } .ec-condition-row { grid-template-columns: 1fr; } .ec-name-field { align-items: flex-start; flex-direction: column; gap: 10px; }.ec-name-field > .semi-input-wrapper { flex: auto; }.ec-statistics-strip > div { padding: 0 10px; }.ec-statistics-strip > div > strong { font-size: 23px; }.ec-preview-footer { flex-wrap: wrap; height: auto; gap: 8px; }.ec-parameter-table .semi-table-tbody > .semi-table-row > .semi-table-row-cell { padding: 9px 6px; } }

.ec-create-columns { grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; padding: 24px; }
.ec-create-page .recorded-section { border: 1px solid #e8e8ef; border-radius: 10px; box-shadow: none; padding: 18px; }
.ec-example-button { margin-left: auto; }
.ec-dataset-card { border-radius: 6px; min-height: 44px; padding: 10px 12px; margin: 0; }
.ec-dataset-card .recorded-resource-title small { margin: 0; display: inline; }
.ec-repeat-label { color: #666673; font-size: 13px; white-space: nowrap; }
.ec-agent-section > .recorded-section-heading small, .ec-parameters-heading small { font-size: 12px; color: #90909d; }
.ec-agent-card { border: 0; border-radius: 0; padding: 0; margin: 0; }
.ec-agent-avatar { width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; background: #eee9ff; color: #7663d9; font-size: 18px; }
.ec-parameters-heading { margin-top: 14px; padding-top: 14px; border-top: 1px solid #ededf2; display: flex; justify-content: space-between; }
.ec-parameters-heading h3 { margin: 0; font-size: 14px; font-weight: 600; }
.ec-agent-card .ec-parameter-fields { border: 0; margin-top: 6px; padding-top: 0; }
.ec-parameter-help { font-size: 12px; color: #9696a1; margin: 14px 8px 0; }
.ec-analysis-section p { color: #93939f; font-size: 12px; margin: 0; }
.ec-task-preview { border: 1px solid #e8e8ef; border-radius: 10px; padding: 22px; }
.ec-task-preview > h3 { font-size: 16px; font-weight: 600; margin: 0 0 24px; }
.ec-task-count { display: flex; align-items: baseline; gap: 8px; color: #90909d; }
.ec-task-count strong { font-size: 44px; line-height: 1.2; font-weight: 600; color: #5146ff; }
.ec-task-count span { font-size: 14px; }
.ec-task-formula { color: #9696a2; font-size: 12px; margin: 18px 0 22px; }
.ec-task-totals { display: grid; grid-template-columns: 1fr auto; gap: 22px 10px; border-top: 1px solid #efeff4; border-bottom: 1px solid #efeff4; padding: 22px 0; font-size: 13px; margin: 0 0 22px; }
.ec-task-totals dt { color: #777782; }.ec-task-totals dd { margin: 0; color: #50505c; text-align: right; }
.ec-task-fixed h4 { font-size: 13px; color: #777783; margin-bottom: 12px; }
.ec-task-fixed > div { border-radius: 7px; background: #fafafd; padding: 12px; font-size: 12px; line-height: 20px; color: #90909d; }
.ec-task-fixed strong { color: #737381; font-weight: 500; }.ec-task-fixed p { margin: 5px 0; }
.ec-task-valid { font-size: 12px; background: #eff9f4; color: #349c78; padding: 12px; margin-top: 18px; border-radius: 6px; }
.ec-task-next { font-size: 12px; color: #92929f; line-height: 20px; margin-top: 20px; }
.ec-create-footer { height: 58px; flex-basis: 58px; }
@media(max-width:1100px) { .ec-create-columns { grid-template-columns: minmax(0,1fr) 280px; gap: 14px; padding: 18px; } }
@media(max-width:850px) { .ec-create-columns { grid-template-columns: 1fr; overflow-y: auto; }.ec-create-form { overflow: visible; }.ec-task-preview { overflow: visible; }.ec-create-footer { flex-wrap: wrap; height: auto; } }
.sc-editor { min-width: 0; }
.sc-parameter-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; }
.sc-parameter-toolbar > .semi-button { flex-shrink: 0; }
.sc-parameter-placeholder { display: flex; align-items: center; flex: 1; min-width: 0; min-height: 32px; font-size: 12px; line-height: 20px; color: #8b8e9c; }
.sc-selected-skills { display: flex; flex: 1; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; min-height: 32px; }
.sc-selected-skills .semi-tag { max-width: 260px; }
.sc-combinations-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0 10px; }
.sc-combinations-heading strong { font-size: 13px; font-weight: 600; }
.sc-combinations-table { min-width: 0; border: 1px solid #e8e8ef; border-radius: 6px; overflow: hidden; }
.sc-combinations-table .semi-table-row-cell { padding: 10px 12px; vertical-align: middle; }
.sc-combinations-table .semi-table-row-head { white-space: nowrap; }
.sc-combinations-table .semi-input-wrapper,.sc-combinations-table .semi-select { width: 100%; min-width: 0; }
.sc-combinations-table .semi-select-selection { min-width: 0; }
.sc-editor-note { margin: 10px 0 0; font-size: 12px; line-height: 20px; color: #92929f; }