.copy-check { margin: 1.5rem 0; padding: clamp(1rem, 3vw, 2rem); border: 1px solid currentColor; border-radius: 2px; background: var(--paper, #faf8f2); }
.copy-check__inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 1.25rem 0; }
.copy-check label { display: block; font-weight: 700; }
.copy-check input { display: block; max-width: 100%; width: 100%; min-height: 44px; padding: .5rem 0; font: inherit; font-size: .9rem; }
.copy-check input::file-selector-button { min-height: 44px; margin-right: .5rem; padding: .4rem .6rem; font: inherit; }
.copy-check__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.copy-check button { min-height: 44px; padding: .7rem 1rem; border: 1px solid currentColor; border-radius: 2px; font: inherit; cursor: pointer; background: #fff; color: var(--ink, #292b27); }
.copy-check button[data-copy-run] { background: var(--ink, #292b27); color: var(--paper, #faf8f2); }
.copy-check button:disabled { opacity: .6; cursor: wait; }
.copy-check :focus-visible { outline: 3px solid var(--accent, #964323); outline-offset: 3px; }
.copy-check [data-copy-status] { margin: 1rem 0 0; padding: .8rem; border-left: 4px solid var(--accent, #964323); background: var(--cream, #f0ece2); }
.copy-check [data-state="equal"] { border-color: #216b47; }
.copy-check [data-state="different"], .copy-check [data-state="error"] { border-color: #a12d26; }
.copy-check dl { margin-bottom: 0; }
.copy-check dt { font-weight: 700; margin-top: 1rem; }
.copy-check dd { margin-left: 0; }
.copy-check code, .hash-command code { overflow-wrap: anywhere; word-break: break-word; white-space: pre-wrap; font-size: .85rem; }
.hash-command { padding: 1rem; border: 1px solid currentColor; border-radius: 2px; background: var(--cream, #f0ece2); }
@media (max-width: 600px) { .copy-check__inputs { grid-template-columns: minmax(0, 1fr); } }