.skw-list, .skw-detail, .skr-page { flex: 1; min-height: 0; overflow: auto; padding: 24px; background: #fff; }
.skw-heading, .skr-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.skw-heading h1, .skr-heading h1 { font-size: 18px; line-height: 28px; margin: 0; font-weight: 600; }
.skw-page-description, .skw-resource-description { color: #75757f; font-size: 13px; margin: 0 0 20px; line-height: 22px; }
.skw-resource-meta, .skr-metadata { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; color: #92929c; font-size: 12px; margin-bottom: 20px; line-height: 22px; }
.skw-resource-meta code { color: #6b6b76; }
.skw-toolbar, .skr-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 18px 0 14px; font-size: 13px; }
.skw-muted, .skr-muted { color: #95959f; font-size: 12px; }
.skw-table .semi-table-row-head, .skr-page .semi-table-row-head, .skr-sheet .semi-table-row-head { background: #fafafd; font-size: 12px; color: #6f6f7a; font-weight: 500; }
.skw-table .semi-table-row-cell, .skr-page .semi-table-row-cell, .skr-sheet .semi-table-row-cell { font-size: 13px; padding: 14px 12px; }
.skw-table .semi-button, .skr-page .semi-table .semi-button, .skr-sheet .semi-table .semi-button { font-size: 12px; }
.skw-name-cell { display: flex; align-items: center; gap: 12px; }
.skw-name-cell > div { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 5px; }
.skw-name-cell code, .skw-digest, .skr-digest { font-size: 11px; color: #90909b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.skw-table-note, .skr-note { margin-top: 14px; font-size: 12px; color: #92929c; line-height: 20px; }
.skw-info { max-width: 880px; padding-top: 20px; }
.skw-info dl, .skr-definition { display: grid; grid-template-columns: 116px minmax(0, 1fr); margin: 0 0 20px; gap: 14px 16px; font-size: 13px; line-height: 20px; }
.skw-info dt, .skr-definition dt { color: #92929d; }
.skw-info dd, .skr-definition dd { margin: 0; overflow-wrap: anywhere; }
.skw-sheet, .skr-sheet { --semi-color-primary: #5146ff; color: #17171a; font-size: 13px; }
.skw-sheet .semi-sidesheet-header, .skr-sheet .semi-sidesheet-header { border-bottom: 1px solid #ededf1; padding: 20px 24px; }
.skw-sheet .semi-sidesheet-body, .skr-sheet .semi-sidesheet-body { padding: 22px 24px; overflow: auto; }
.skw-sheet .semi-sidesheet-title, .skr-sheet .semi-sidesheet-title { font-size: 18px; }
.skw-sheet-footer, .skr-sheet-footer { display: flex; align-items: center; justify-content: flex-end; gap: 16px; border-top: 1px solid #ededf1; padding: 14px 24px; }
.skr-sheet-footer > span { margin-right: auto; color: #9999a2; font-size: 12px; }
.skw-preview-meta code { margin-left: 14px; color: #9595a0; font-size: 12px; }
.skw-preview-meta p { margin: 16px 0; color: #6f6f79; }
.skw-content, .skr-native-details pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 18px; border: 1px solid #e9e9ed; background: #fafafb; border-radius: 10px; font: 12px/23px ui-monospace, SFMono-Regular, Menlo, monospace; }
.skr-page { background: #f8f8fa; }
.skr-fixed-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 14px 16px; background: #fff; border: 1px solid #e9e9ef; border-radius: 12px; margin-bottom: 16px; font-size: 12px; color: #777782; }
.skr-fixed-strip strong { color: #404048; }
.skr-fixed-strip > .semi-button { margin-left: auto; }
.skr-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 16px 0 24px; }
.skr-metrics > div { padding: 18px; background: #fff; border: 1px solid #e9e9ed; border-radius: 12px; }
.skr-metrics span, .skr-experiment-summary span, .skr-pair-metrics span { display: block; font-size: 12px; color: #92929d; margin-bottom: 10px; }
.skr-metrics strong { display: block; color: #30303b; font-size: 27px; line-height: 34px; }
.skr-metrics small { font-size: 14px; font-weight: 400; color: #93939d; margin-left: 3px; }
.skr-metrics p { margin: 10px 0 0; color: #9a9aa4; font-size: 11px; line-height: 18px; }
.skr-tabs .semi-tabs-bar { margin-bottom: 16px; }
.skr-positive { color: #158560; }.skr-negative { color: #d5565c; }
.skr-cell-note { display: block; color: #95959f; font-size: 11px; margin-top: 6px; line-height: 18px; }
.skr-results-table, .skr-records { background: #fff; border-radius: 12px; overflow: hidden; }
.skr-config-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; }
.skr-card { background: #fff; padding: 20px; border: 1px solid #e9e9ef; border-radius: 12px; }
.skr-card h3, .skr-evidence-side h3 { font-size: 14px; font-weight: 600; margin: 0 0 18px; }
.skr-native-details { margin-top: 18px; }
.skr-native-details summary { cursor: pointer; color: #6557cd; font-size: 12px; margin-bottom: 12px; }
.skr-native-details pre { padding: 14px; font-size: 11px; margin: 0; }
.skr-execution-intro { margin-bottom: 16px; }
.skr-execution-intro p { color: #8e8e99; margin: 0; line-height: 22px; font-size: 13px; }
.skr-waiting { margin-bottom: 16px; }
.skr-experiment-summary { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 16px; padding: 20px; background: #fff; border: 1px solid #e9e9ef; border-radius: 12px; margin-top: 20px; }
.skr-experiment-summary strong { font-size: 22px; font-weight: 600; display: block; line-height: 30px; }
.skr-experiment-summary > div:first-child strong { font-size: 14px; }
.skr-experiment-summary code { display: block; color: #9999a4; margin-top: 6px; font-size: 11px; }
.skr-pair-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.skr-pair-heading > span:last-child { color: #8c8c98; font-size: 12px; }
.skr-pair-config { border: 1px solid #e9e9ef; border-radius: 10px; padding: 16px; margin-bottom: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.skr-pair-config > div { display: flex; align-items: center; gap: 12px; }
.skr-pair-config > div > span { color: #90909d; font-size: 12px; }
.skr-pair-config p { grid-column: 1 / -1; margin: 0; color: #8e8e99; font-size: 12px; }
.skr-pair-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 18px 0 24px; }
.skr-pair-metrics > div { padding: 16px; border: 1px solid #e9e9ef; border-radius: 10px; background: #fafafc; }
.skr-pair-metrics strong { font-size: 24px; line-height: 30px; }
.skr-query { padding: 16px; border: 1px solid #e9e9ef; border-radius: 10px; background: #fafafc; margin-bottom: 20px; }
.skr-query strong { font-size: 13px; }.skr-query p { margin: 10px 0 0; line-height: 22px; }
.skr-evidence-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }.skr-evidence-columns.is-paired { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.skr-evidence-side { min-width: 0; }.skr-evidence-side + .skr-evidence-side { padding-left: 20px; border-left: 1px solid #e9e9ef; }
.skr-evidence-side-title { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.skr-evidence-side > h3 { margin: 22px 0 14px; }
.skr-evidence-definition { grid-template-columns: 84px minmax(0, 1fr); gap: 9px 12px; font-size: 12px; }
.skr-evidence-definition code { font-size: 11px; color: #858592; }
.skr-output, .skr-scoring { padding: 14px; border: 1px solid #e9e9ef; border-radius: 10px; line-height: 23px; font-size: 13px; margin: 0; }
.skr-scoring p { margin: 10px 0 0; }.skr-trace-id { color: #93939f; font-size: 11px; display: block; margin-bottom: 18px; }
.skr-trace .semi-timeline-item-content { font-size: 12px; line-height: 22px; }.skr-trace .semi-timeline-item-time { font-size: 11px; }
.skr-sheet .semi-button, .skw-sheet .semi-button { font-size: 13px; border-radius: 10px; }
@media (max-width: 1180px) { .skr-heading { align-items: flex-start; }.skr-heading > .semi-space { flex-wrap: wrap; }.skr-metrics { grid-template-columns: repeat(2, 1fr); }.skr-config-grid { grid-template-columns: 1fr; }.skr-experiment-summary { grid-template-columns: repeat(2, 1fr); } }
.skw-create-modal .semi-modal-content { display: flex; flex-direction: column; max-height: calc(100dvh - 48px); padding: 24px; }
.skw-create-modal .semi-modal-header, .skw-create-modal .semi-modal-footer { flex-shrink: 0; }
.skw-create-modal .semi-modal-body { min-height: 0; overflow-y: auto; padding: 0 4px 0 0; }
.skw-create-modal .semi-modal-footer { margin-top: 20px; }
.skw-create-upload { width: 100%; }
.skw-create-upload .semi-upload-drag-area { width: 100%; min-height: 118px; height: auto; padding: 18px; border: 1px dashed #dcdce4; border-radius: 10px; background: #fafafb; }
.skw-create-upload .semi-upload-drag-area-icon { margin-bottom: 8px; color: #6554d5; }
.skw-create-upload .semi-upload-drag-area-main-text { font-size: 14px; font-weight: 400; line-height: 22px; }
.skw-create-upload .semi-upload-drag-area-sub-text { max-width: 690px; margin: 6px auto 0; font-size: 12px; color: #9797a1; line-height: 20px; }
.skw-create-form { display: flex; flex-direction: column; gap: 20px; margin-top: 24px; }
.skw-create-field > label { display: block; font-size: 14px; font-weight: 500; margin: 0 0 8px; }
.skw-create-field em { font-style: normal; color: #e4505a; margin-left: 4px; }
.skw-create-field .semi-input-suffix small { font-size: 12px; font-variant-numeric: tabular-nums; padding-right: 12px; color: #a0a0a9; }
.skw-create-instructions textarea,.skw-create-instructions .semi-input-textarea-line-number { font-family: SFMono-Regular,Consolas,"PingFang SC",monospace; font-size: 13px; line-height: 24px; }
.skw-create-error { color: #dc4754; font-size: 12px; margin-top: 6px; line-height: 20px; }
.skw-create-source { display: flex; align-items: center; gap: 8px; color: #7e7e88; font-size: 12px; padding: 10px; background: #f8f8fb; border: 1px solid #ececf1; border-radius: 8px; margin-top: 12px; }
.skw-create-source span { flex: 1; }
.skw-publish-form { display: flex; flex-direction: column; gap: 16px; }
.skw-publish-form label { display: block; font-weight: 500; font-size: 13px; margin-bottom: 8px; }
.skw-publish-form > p { font-size: 12px; color: #91919b; line-height: 22px; }
.skw-draft-notice { margin-bottom: 16px; }