.hmac-generator{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.hmac-generator textarea{min-height:110px;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85rem}.hmac-generator .hmac-key{gap:var(--s3);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (max-width:560px){.hmac-generator .hmac-key{grid-template-columns:1fr}}.hmac-generator input[type=text]{font-family:var(--font-mono);font-size:.82rem}.hmac-generator .hmac-key-error{color:var(--danger);font-size:.78rem}.hmac-generator .hmac-algorithms{align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-sm);background-color:var(--surface-inset);flex-wrap:wrap;display:flex}.hmac-generator .hmac-algorithms legend{padding:0 var(--s2);color:var(--muted);font-size:.8rem;font-weight:600}.hmac-generator .hmac-algorithms label{align-items:center;gap:var(--s2);cursor:pointer;min-height:32px;font-size:.85rem;font-weight:500;display:flex}.hmac-generator .hmac-algorithms input[type=radio]{width:16px;height:16px;accent-color:var(--accent);margin:0}.hmac-generator .hmac-algorithms .tk-hint{flex-basis:100%;margin:0}.hmac-generator .result h3 span{color:var(--muted);font-size:.76rem;font-weight:500}.hmac-generator .hmac-outputs{gap:var(--s3);flex-direction:column;display:flex}.hmac-generator .hmac-output{gap:var(--s2);flex-direction:column;display:flex}.hmac-generator .hmac-output-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.hmac-generator .hmac-output-head label{font-size:.8rem;font-weight:600}.hmac-generator .hmac-output-head button{min-height:32px;padding:0 var(--s3);font-size:.78rem}.hmac-generator .hmac-output-head button:disabled{opacity:.5;cursor:not-allowed}.hmac-generator .hmac-output input{background-color:var(--surface)}.hmac-generator .hmac-verdict{min-height:1.2em;font-size:.86rem;font-weight:600}.hmac-generator .hmac-verdict.yes{color:var(--success)}.hmac-generator .hmac-verdict.no{color:var(--danger)}.hmac-generator code{background-color:var(--surface-inset);font-family:var(--font-mono);border-radius:3px;padding:1px 4px;font-size:.85em}