.hsh{--accent:#8f7bf0}.hsh-hmac{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:600 12.5px/1 var(--font-sans);color:var(--dim)}.hsh-hmac input{accent-color:var(--accent)}.hsh-drop{border:2px dashed rgba(143,123,240,.4);border-radius:14px;padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-top:10px}.hsh-drop:hover,.hsh-drop.over{border-color:var(--accent);background:rgba(143,123,240,.07)}.hsh-dropbig{margin:0;font:700 15px/1.4 var(--font-sans);color:var(--ink)}.hsh-dropsub{margin:6px 0 0;font:600 12px/1.5 var(--font-sans);color:var(--faint)}.hsh-expect{margin-top:12px}.hsh-expect .t-input{font-size:13px}.hsh-linkbar{margin-top:10px}.hsh .hsh-verdict{grid-template-columns:1.5fr 1fr;margin-bottom:14px}.hsh-verdict>.hero b{--sz-3:clamp(28px,8vw,40px)}.hsh-verdict>div.hero b.ok{color:#8fe0ac}.hsh-verdict>div.hero b.warn{color:#f0b45a}.hsh-verdict>div.hero b.bad{color:#ff8f8f}.hsh-verdict>div.hero b.na{color:var(--dim)}.hsh-verdict small{word-break:break-word}@media (max-width:560px){.hsh .hsh-verdict{grid-template-columns:1fr}}.hsh-outs{display:flex;flex-direction:column;gap:8px}.hsh-empty{margin:0;font:600 13px/1.5 var(--font-sans);color:var(--faint);text-align:center}.hsh-row{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid rgba(140,160,235,.16);background:rgba(255,255,255,.02);border-radius:11px;padding:10px 13px;transition:background .12s,border-color .12s}.hsh-row:hover{background:rgba(143,123,240,.08);border-color:#8f7bf073}.hsh-row.hit,.hsh-row.hit:hover{border-color:#5fd07ab3;background:rgba(95,208,122,.1)}.hsh-row.miss,.hsh-row.miss:hover{border-color:#ff7a7ab3;background:rgba(255,122,122,.1)}.hsh-row.hit .hsh-k{color:#8fe0ac}.hsh-row.miss .hsh-k{color:#ff8f8f}.hsh-k{flex:0 0 132px;font:700 11.5px/1.3 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.hsh-v{flex:1;min-width:0;font:600 13px/1.5 var(--font-mono);color:var(--ink);word-break:break-all}.hsh-copy{color:var(--faint);font-size:14px}.hsh-row:hover .hsh-copy{color:var(--accent)}@media (max-width:520px){.hsh-k{flex-basis:100%}}
