.compare-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.compare-file{padding:20px;background:#f1f7f9;border:1px solid #c9dce2;border-radius:4px;min-width:0}.compare-file label{display:block;font-weight:700;margin:12px 0 8px}.compare-file input{max-width:100%;box-sizing:border-box}.compare-file input[type=text]{width:100%;padding:10px;border:1px solid #829da8;font:inherit}.compare-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:24px 0}.compare-filters input[type=search],.compare-filters select{padding:10px;font:inherit;max-width:100%}.compare-matrix-wrap{max-height:720px;overflow:auto;border:1px solid #c6d8df;overscroll-behavior:contain}.compare-matrix{border-collapse:collapse;width:100%;min-width:760px;table-layout:fixed}.compare-matrix th,.compare-matrix td{padding:14px;vertical-align:top;text-align:left;border:1px solid #d7e1e6;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.compare-matrix thead{position:sticky;top:0;background:#e9f3f6;z-index:1}.compare-matrix tbody th{width:180px;background:#f4f8fa}.compare-matrix .compare-changed{background:#fff3d4}.compare-matrix .compare-added{background:#e9f7ec}.compare-matrix .compare-absent{background:#fbe9e6}.compare-matrix .compare-unknown{background:#eef0f5}.compare-raw{font-family:monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.compare-note{font-size:13px;color:#425966}.compare-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0}.compare-summary article{background:#eef7f9;padding:20px;border:1px solid #cbdde3}.compare-summary h3{font-size:20px;margin-top:0}.compare-inventory{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.compare-inventory article{padding:18px;background:#f5f8fa;border:1px solid #d2e0e5;min-width:0}.compare-inventory code{overflow-wrap:anywhere;font-size:12px}.compare-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 monospace;max-height:480px;overflow:auto;margin:12px 0}.compare-text>div{padding:2px 8px}.compare-text .compare-remove{background:#fde9e8}.compare-text .compare-add{background:#e5f5e9}.compare-result-section{margin:36px 0}.compare-result-section>h3{font-size:24px}.compare-pagination{display:flex;gap:14px;align-items:center;margin:14px 0}.compare-progress{width:100%;height:12px;accent-color:#08a9d1}.compare-downloads{margin:22px 0}.compare-count{font-size:14px}.compare-file-name{overflow-wrap:anywhere}.compare-error{color:#9c2d26;font-weight:700}@media(max-width:767px){.compare-files{grid-template-columns:1fr}.compare-filters{display:block}.compare-filters>*{display:block;margin:10px 0}.compare-filters input[type=search],.compare-filters select{width:100%;box-sizing:border-box}.compare-summary,.compare-inventory{grid-template-columns:1fr}.compare-matrix{min-width:720px}.compare-matrix th,.compare-matrix td{padding:10px;font-size:13px}.compare-matrix-wrap{max-height:600px}.compare-downloads .btn{width:100%}}
