.hmac-generator__section{margin-bottom:var(--spacing-5)}.hmac-generator__section:last-child{margin-bottom:0}.hmac-generator__section-label{display:block;margin-bottom:var(--spacing-2);font-size:12px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.hmac-generator__input-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap;margin-top:var(--spacing-2)}.hmac-generator__counter{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.hmac-generator__textarea{width:100%;min-height:120px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-family:var(--font-mono);font-size:14px;line-height:1.55;resize:vertical}.hmac-generator__textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}[data-theme=dark] .hmac-generator__textarea{background:var(--color-bg-3)}.hmac-generator__key-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.hmac-generator__key-input{flex:1;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-family:var(--font-mono);font-size:14px;line-height:1.55;min-width:0}.hmac-generator__key-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.hmac-generator__key-input.is-error{border-color:#dc2626}[data-theme=dark] .hmac-generator__key-input{background:var(--color-bg-3)}.hmac-generator__key-toggle{flex-shrink:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.hmac-generator__key-error{display:flex;align-items:center;gap:6px;margin:var(--spacing-2) 0 0;font-size:12px;font-weight:500;color:#dc2626}[data-theme=dark] .hmac-generator__key-error{color:#f87171}.hmac-generator__key-warning{display:flex;align-items:center;gap:6px;margin:var(--spacing-2) 0 0;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#d977061f;font-size:12px;font-weight:500;color:#b45309}[data-theme=dark] .hmac-generator__key-warning{color:#fbbf24}.hmac-generator__option-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.hmac-generator__result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-2)}.hmac-generator__algo-badge{font-size:11px;font-weight:600;color:var(--color-text-2);letter-spacing:.03em}.hmac-generator__result-block{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-2);min-height:60px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;cursor:text;transition:border-color .15s ease}[data-theme=dark] .hmac-generator__result-block{background:var(--color-bg-3)}.hmac-generator__result-block.is-empty{background:var(--color-code-bg)}.hmac-generator__result-block.is-error{border-color:#dc2626;background:#dc26260d}.hmac-generator__result-mono{display:block;width:max-content;min-width:100%;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--color-code-text);white-space:nowrap;user-select:all}.hmac-generator__result-block.is-empty .hmac-generator__result-mono{color:var(--color-text-3);font-family:var(--font-sans);font-style:italic;user-select:none}.hmac-generator__result-block.is-error .hmac-generator__result-mono{color:#dc2626;font-family:var(--font-sans);font-style:normal;user-select:none}[data-theme=dark] .hmac-generator__result-block.is-error .hmac-generator__result-mono{color:#f87171}.hmac-generator__verify-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-family:var(--font-mono);font-size:14px;transition:border-color .15s ease}[data-theme=dark] .hmac-generator__verify-input{background:var(--color-bg-3)}.hmac-generator__verify-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.hmac-generator__verify-input.is-pass{border-color:#16a34a}.hmac-generator__verify-input.is-fail{border-color:#dc2626}.hmac-generator__verify-result{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:var(--spacing-2);font-size:13px;font-weight:600;color:var(--color-text-2)}.hmac-generator__verify-result.is-pass{color:#16a34a}.hmac-generator__verify-result.is-fail{color:#dc2626}[data-theme=dark] .hmac-generator__verify-result.is-pass{color:#4ade80}[data-theme=dark] .hmac-generator__verify-result.is-fail{color:#f87171}.hmac-generator__verify-empty{color:var(--color-text-3);font-weight:400;font-style:italic}.hmac-generator__comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-3);margin-top:var(--spacing-4);min-width:0}.hmac-generator__comparison-card{min-width:0;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-2)}[data-theme=dark] .hmac-generator__comparison-card{background:var(--color-bg-3)}.hmac-generator__comparison-label{margin:0 0 var(--spacing-2);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-2)}.hmac-generator__comparison-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:var(--spacing-1)}.hmac-generator__comparison-scroll:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hmac-generator__comparison-value{display:block;width:max-content;min-width:100%;font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.6;letter-spacing:normal;white-space:nowrap;color:var(--color-code-text)}.hmac-generator__mismatch-character{padding:0;border-radius:2px;background:#dc26262e;color:inherit;text-decoration:underline 2px #DC2626;text-underline-offset:3px}@container (max-width: 520px){.hmac-generator__comparison{grid-template-columns:minmax(0,1fr)}}.hmac-generator__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.hmac-generator__trust-note{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#16a34a1a;font-size:12px;color:#16a34a;font-weight:500}[data-theme=dark] .hmac-generator__trust-note{color:#4ade80}.hmac-generator__kbd-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-3);font-family:var(--font-mono);white-space:nowrap}.hmac-generator__kbd-hint kbd{font-family:var(--font-mono);font-size:11px;line-height:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-2);padding:3px 6px;border-radius:5px;min-width:18px;text-align:center}.hmac-generator__kbd-sep{opacity:.4;margin:0 1px}@media(max-width:680px){.hmac-generator__kbd-hint{display:none}}@media(max-width:480px){.hmac-generator__option-grid{width:100%}.hmac-generator__option-grid .tool-option{flex:1}.hmac-generator__option-grid--algo{display:grid;grid-template-columns:1fr 1fr}.hmac-generator__actions{width:100%}.hmac-generator__result-header{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hmac-generator__result-block,.hmac-generator__verify-input{transition:none}}@media(forced-colors:active){.hmac-generator__mismatch-character{border:1px solid Mark;background:Mark;color:MarkText}}