.compare-workspace{display:grid;gap:20px;min-width:0;margin-top:22px;padding:27px;border:1px solid #dce9f5;border-radius:15px;background:#fff;color:#294c68}.compare-intro,.compare-options .muted,.compare-status,.compare-legend,.compare-fallback{font-size:12px;line-height:1.85;overflow-wrap:anywhere}.compare-intro{color:#567891}.compare-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compare-editors .field{display:grid;gap:9px;margin:0;font-size:12px;font-weight:600}.compare-editors textarea{width:100%;min-width:0;min-height:220px;padding:13px;border:1px solid #d4e4f1;border-radius:9px;background:#fbfdff;color:#294b67;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.compare-options{display:flex;flex-wrap:wrap;gap:12px 22px;min-width:0;padding:15px 17px;border:1px solid #e0ebf5;border-radius:10px}.compare-options legend{padding:0 5px;font-size:12px;font-weight:700;color:#3c6788}.compare-options label{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.7}.compare-options .muted{flex:1 0 100%;margin:0;color:#647f95}.compare-actions{display:flex;gap:9px;flex-wrap:wrap}.compare-actions .btn{min-height:41px}.compare-status{color:#496e8a;min-height:23px}.compare-workspace [hidden]{display:none!important}.compare-results{display:grid;gap:14px;min-width:0}.compare-summary{display:flex;gap:12px;flex-wrap:wrap}.compare-metric{display:flex;align-items:baseline;gap:8px;padding:9px 13px;background:#eef7ff;border:1px solid #daeaf8;border-radius:8px;font-size:11px;color:#527792}.compare-metric strong{font-size:20px;color:#256c9c}.compare-legend{margin:0;color:#627f95}.compare-fallback{padding:12px;border:1px solid #e9d69d;border-radius:8px;background:#fffbec;color:#775c24}.compare-table-scroll{max-height:620px;overflow:auto;border:1px solid #dce8f3;border-radius:10px;min-width:0}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:650px;font-size:12px;line-height:1.8}.compare-table caption{text-align:left;padding:11px 14px;font-weight:700;color:#3b6686;background:#f2f8fe}.compare-table thead{position:sticky;top:0;z-index:1;background:#eaf4fd}.compare-table th,.compare-table td{padding:9px 10px;border-bottom:1px solid #e3edf5;text-align:left;vertical-align:top}.compare-table thead th:nth-child(1){width:88px}.compare-table thead th:nth-child(2),.compare-table thead th:nth-child(4){width:62px}.compare-table .compare-type{font-size:10px;font-weight:700}.compare-number{color:#6b8294;font-variant-numeric:tabular-nums;font-size:11px}.compare-content{overflow-wrap:anywhere;word-break:break-word}.compare-line-text{display:block;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.compare-ending{display:block;margin-top:3px;font-size:9px;line-height:1.5;color:#6c8293;white-space:normal}.compare-delete{background:#fff0ee}.compare-delete .compare-type{color:#a33835}.compare-insert{background:#eaf5ff}.compare-insert .compare-type{color:#176398}.compare-equal{background:#fff}.compare-ignored{background:#fff9e8}.compare-ignored .compare-type{color:#7b5c18}.compare-copy-fallback{width:100%;min-height:150px;border:1px solid #b7d7f0;padding:12px;font-size:12px}@media(max-width:700px){.compare-workspace{padding:18px;gap:17px}.compare-editors{grid-template-columns:1fr;gap:15px}.compare-editors textarea{min-height:160px}.compare-options{padding:12px}.compare-options label{font-size:11px}.compare-actions .btn{font-size:11px}.compare-metric{padding:7px 10px}.compare-metric strong{font-size:18px}.compare-table-scroll{max-height:500px}}
.compare-editor{display:grid;gap:10px;min-width:0}.compare-file-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:11px;color:#517692}.compare-file-label input{min-width:0;max-width:100%;font:inherit;color:#59788f}.compare-source{font-size:10px;line-height:1.7;overflow-wrap:anywhere;color:#6b8295}.compare-file-note{font-size:11px;line-height:1.9;color:#5d7e97;margin:0}