body{color:#000;background:#ededed;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}*{color:#000}.diff-header *{color:#fff!important}.container{background:#ededed;max-width:1200px;margin:0 auto;padding:2rem}h1{text-align:left;color:#000;margin-bottom:2rem}.file-selection{flex-flow:column wrap;justify-content:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.file-input{flex-direction:column;align-items:flex-start;display:flex}button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}input::file-selector-button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}button:hover:not(:disabled){color:#fff;background:#000}input:not(:disabled)::file-selector-button:hover{color:#fff;background:#000}button:disabled{color:#000;cursor:not-allowed;background:#ededed;border:1px solid #000}input:disabled::file-selector-button{color:#000;cursor:not-allowed;background:#ededed;border:1px solid #000}input[type=file]{max-width:100%;font:inherit;margin-top:.5rem}.compare-btn{background:#fff;margin:2rem 0;display:block}.compare-btn:hover:not(:disabled){color:#fff;background:#000}.results{background:#fff;border:1px solid #000;margin-top:2rem;padding:1.5rem}.summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}p{margin-top:1rem;margin-block-end:0}.summary p{color:#000;background:#ededed;border:1px solid #000;margin:0;padding:.75rem}.differences h3{color:#000;margin-bottom:1rem}.diff-table{background:#fff;border:1px solid #000;overflow:hidden}.diff-header{color:#fff;background:#000;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;font-weight:700;display:grid}.diff-row{color:#000;border-bottom:1px solid #000;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.diff-header.error-table,.diff-row.error{grid-template-columns:2fr 1fr 2fr}.diff-row:nth-child(2n){background:#ededed}.diff-row span{word-break:break-word;font-family:monospace;font-size:.9rem}.truncated{text-align:left;color:#000;border-bottom:none;padding:1rem;font-style:italic}.no-differences{text-align:left;color:#000;background:#fff;border:1px solid #000;padding:2rem}.no-differences h3{margin:0;font-size:1.5rem}@media (width<=768px){.file-selection{flex-direction:column;align-items:center}.diff-header,.diff-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.5rem}.diff-header.error-table,.diff-row.error{grid-template-columns:2fr 1fr 2fr}.summary{grid-template-columns:1fr}}