.checksum-page .guide-hero { margin-bottom: 1.25rem; }
.checksum-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr); gap: 1rem; align-items: start; }
.checksum-panel { background: var(--surface, #fff); border: 1px solid var(--border, #dbe3ef); border-radius: 1rem; padding: clamp(1rem, 2vw, 1.5rem); box-shadow: 0 10px 30px rgba(20, 42, 76, .06); }
.checksum-form { display: grid; gap: .85rem; }
.checksum-form label { display: grid; gap: .35rem; font-weight: 700; }
.checksum-form input, .checksum-form select { width: 100%; box-sizing: border-box; min-height: 2.7rem; border: 1px solid #b9c8da; border-radius: .55rem; padding: .55rem .65rem; background: #fff; color: inherit; }
.checksum-file-meta { color: #52647a; font-size: .9rem; min-height: 1.3em; overflow-wrap: anywhere; }
.checksum-help { margin: 0; color: #52647a; font-size: .9rem; }
.checksum-actions { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.checksum-actions button { min-height: 2.45rem; }
.checksum-status { min-height: 1.4em; margin: 0; font-weight: 700; }
.checksum-result { margin-top: .8rem; border-top: 1px solid var(--border, #dbe3ef); padding-top: .8rem; }
.checksum-digest { display: block; word-break: break-all; background: #f4f7fb; border-radius: .5rem; padding: .7rem; font: 600 .9rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.checksum-comparison[data-state="match"] { color: #087443; }
.checksum-comparison[data-state="mismatch"], .checksum-comparison[data-state="invalid-expected"] { color: #a33d21; }
.checksum-note { display: grid; gap: .8rem; }
.checksum-note ul { margin: 0; padding-left: 1.2rem; }
@media (max-width: 760px) { .checksum-grid { grid-template-columns: 1fr; } .checksum-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .checksum-actions button { width: 100%; } }