.compare-modal{width:min(1180px,100%)}
.compare-toolbar{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:12px;align-items:end;margin-bottom:14px}
.compare-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 16px}
.compare-section{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.compare-section:first-child{border-top:0;padding-top:0;margin-top:0}
.compare-section h3{margin:0 0 8px}.compare-section .muted{margin-top:0}
.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}.compare-table th,.compare-table td{padding:9px 10px;border-bottom:1px solid #edf1f4;text-align:left;vertical-align:top}.compare-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#71808a}.compare-table th:first-child{width:34px}.compare-table th:nth-child(2){width:180px}.compare-table td code{white-space:pre-wrap;word-break:break-word}.compare-table tr.equal{opacity:.58}.compare-table input[type=checkbox]{width:auto;margin-top:2px}
.compare-value{white-space:pre-wrap;overflow-wrap:anywhere}.compare-arrow{color:var(--muted);font-weight:700}.compare-match{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#eef3f5;color:#4c5d68;font-size:11px;font-weight:750}.compare-match.strong{background:#e7f3ed;color:#28614f}.compare-match.possible{background:#fff3d5;color:#765817}.compare-match.weak{background:#fff0f0;color:#8a3333}
.compare-source-card{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:10px;background:#fbfcfc}.compare-source-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:14px;align-items:start;margin-bottom:10px}.compare-source-title{font-weight:760}.compare-source-title small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.compare-source-select label{display:block;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.compare-source-select select{padding:7px 9px}
.compare-warning{border:1px solid #ead9aa;background:#fff8e9;color:#6d571f;border-radius:9px;padding:9px 11px;font-size:12px;margin:8px 0}.compare-note{font-size:12px;color:var(--muted);margin-top:6px}.compare-empty{padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
.compare-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compare-actions .spacer{flex:1}
@media(max-width:800px){.compare-toolbar,.compare-source-head{grid-template-columns:1fr}.compare-table{min-width:760px}.compare-table-wrap{overflow:auto}}