.csv-compare-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:18px 20px;border:1px solid #1c4558;border-radius:14px;background:#081823}.csv-compare-intro h2{margin:2px 0 4px;font-size:20px}.csv-compare-intro p{margin:0;max-width:820px}.csv-compare-workspace{padding:0;overflow:hidden}.compare-panel{padding:24px}.compare-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.compare-panel-head h2{margin:3px 0 5px}.compare-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-file-card{border:1px dashed #31566a;border-radius:14px;background:#07131c;padding:18px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:border-color .16s ease,background .16s ease}.compare-file-card:focus-within,.compare-file-card.is-dragover{border-color:#61f4ff;background:#091923}.compare-file-card.has-file{border-style:solid}.compare-file-label{display:block;font-family:var(--mono,monospace);font-size:11px;letter-spacing:.12em;color:#6feaf5}.compare-file-main strong{display:block;font-size:16px;margin:6px 0;overflow-wrap:anywhere}.compare-file-main span{display:block;color:#89a9ba;font-size:13px}.compare-file-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compare-file-actions input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.compare-pair-status{margin-top:14px;padding:12px 14px;border:1px solid #1d3848;border-radius:10px;background:#07131c;color:#9bb4c1}.compare-pair-status.is-ready{border-color:#235943;color:#a9edcf;background:#071b17}.compare-pair-status.is-error{border-color:#694f24;color:#f4d37e;background:#1a1507}.compare-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.compare-config-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:14px}.compare-config-card{padding:18px;border:1px solid #1d3848;border-radius:12px;background:#08151f}.compare-config-card .field{margin:0}.compare-config-card select{width:100%}.compare-check{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:11px;margin-top:14px;padding:12px 13px;border:1px solid #1d3848;border-radius:10px;background:#07131c;cursor:pointer}.compare-check input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;min-width:20px;margin:1px 0 0!important;padding:0!important;border:1px solid #4c7888;border-radius:6px;background:#061923 center/12px 12px no-repeat;cursor:pointer}.compare-check input[type="checkbox"]:checked{border-color:#61f4ff;background-color:#0b3640;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23e8fdff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' d='m3 8.2 3.1 3.1L13 4.8'/%3E%3C/svg%3E");box-shadow:0 0 0 2px rgba(97,244,255,.08)}.compare-check input[type="checkbox"]:focus-visible{outline:2px solid #7ce8ff;outline-offset:3px}.compare-check-copy{display:grid;gap:3px;min-width:0}.compare-check strong{font-size:13px;line-height:1.35;color:#e6f1f5}.compare-check small{display:block;margin:0;color:#819ba9;line-height:1.45}.csv-compare-page .os20-browser-related{display:none}.csv-compare-page.compare-results-open .os20-browser-related{display:block}.compare-expect{padding:18px;border:1px solid #21465a;border-radius:12px;background:#071923}.compare-expect strong{display:block;margin:5px 0}.compare-expect p{margin:0;color:#91aab7}.compare-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.compare-summary-card{padding:14px;border:1px solid #1d3848;border-radius:11px;background:#08151f}.compare-summary-card small{display:block;color:#7897a7;margin-bottom:5px}.compare-summary-card strong{font-size:22px}.compare-result-note{margin:0 0 14px;color:#8fa8b5}.compare-preview-wrap{overflow:auto;border:1px solid #1d3848;border-radius:12px}.compare-preview{width:100%;border-collapse:collapse;min-width:760px}.compare-preview th,.compare-preview td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.compare-preview th{font-family:var(--mono,monospace);font-size:10px;letter-spacing:.09em;color:#72dce7;background:#0a1d28}.compare-preview td{font-size:12px;color:#bdd0d9}.compare-preview tr:last-child td{border-bottom:0}.compare-status-pill{display:inline-flex;padding:3px 7px;border:1px solid #31566a;border-radius:999px;font-size:10px;white-space:nowrap}.compare-change-list{display:flex;flex-direction:column;gap:4px}.compare-change-list code{font-size:11px;white-space:normal;overflow-wrap:anywhere}.compare-empty{padding:22px;color:#9bb4c1}.compare-downloads{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.compare-privacy{margin-top:16px;padding:12px 14px;border:1px solid #235943;border-radius:10px;background:#071b17;color:#a9edcf;font-size:12px}.csv-toolkit-compare-entry{margin:0 0 16px}.csv-toolkit-compare-entry .csv-compare-intro{margin:0}.csv-toolkit-compare-entry .section-index{display:block;margin-bottom:3px}
@media(max-width:820px){.csv-compare-intro,.compare-panel-head{display:block}.csv-compare-intro .btn{margin-top:14px}.compare-file-grid,.compare-config-grid,.compare-summary{grid-template-columns:1fr}.compare-panel{padding:17px}.compare-actions{justify-content:stretch}.compare-actions .btn,.compare-actions button{flex:1}.compare-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.compare-summary{grid-template-columns:1fr}.compare-downloads{display:grid}.compare-downloads .btn,.compare-downloads button{width:100%}}