.checksum-page{max-width:1080px;padding-block:clamp(2.5rem,7vw,5rem)}
.checksum-hero{max-width:780px;margin:0 auto 2rem;text-align:center}
.checksum-hero h1{font-size:clamp(2.3rem,7vw,4.7rem);line-height:.98;letter-spacing:-.06em;margin:.8rem 0 1.2rem}
.checksum-hero h1 span{color:var(--accent,#a5f35a)}
.checksum-note{border:1px solid rgba(165,243,90,.26);background:rgba(165,243,90,.06);border-radius:16px;padding:1rem 1.2rem;text-align:left;line-height:1.6}
.checksum-form,.checksum-results,.checksum-limits{border:1px solid var(--line,#252b2a);background:var(--surface,#111514);border-radius:20px;padding:clamp(1rem,3vw,1.6rem);margin:1rem 0}
.checksum-form label{display:block;font-weight:650;margin:1.1rem 0 .55rem}
.checksum-form input[type=file]{display:block;width:100%;max-width:100%;padding:.8rem;border:1px solid var(--line,#303735);border-radius:12px;background:#080b0a;color:inherit}
.checksum-form input:focus-visible{outline:2px solid var(--accent,#a5f35a);outline-offset:2px}
.checksum-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.checksum-status{min-height:1.5em;font-weight:600}
.checksum-table-wrap{overflow-x:auto}
.checksum-table{width:100%;border-collapse:collapse;min-width:720px;text-align:left}
.checksum-table th,.checksum-table td{padding:.75rem;border-bottom:1px solid var(--line,#252b2a);vertical-align:top}
.checksum-table td:nth-child(3),.checksum-table td:nth-child(4){font: .82rem/1.5 ui-monospace,monospace;overflow-wrap:anywhere}
.checksum-match{color:#a5f35a}.checksum-mismatch{color:#ff8c8c}.checksum-missing{color:#ffd27d}.checksum-calculated{color:#bdc6c0}
.checksum-results h2,.checksum-limits h2{font-size:1.25rem}
@media(max-width:600px){.checksum-actions>.button{width:100%;justify-content:center}.checksum-table{min-width:680px}}
