.tlb-hmac__key-row{gap:var(--space-2);flex-wrap:wrap;align-items:stretch;display:flex}.tlb-hmac__key-row .tlb-data-tool__input{flex:1;min-width:12rem}.tlb-hmac__key-button{min-height:var(--min-touch-target);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-premium), color var(--duration-fast) var(--ease-premium);background:0 0}.tlb-hmac__key-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tlb-hmac__key-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-hmac__key-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.tlb-hmac__result{gap:var(--space-3);flex-direction:column;display:flex}.tlb-hmac__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.tlb-hmac__meta strong{color:var(--color-text);font-family:var(--font-mono)}.tlb-hmac__notes{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;display:flex}.tlb-hmac__note{margin:0}@media (max-width:639px){.tlb-hmac__key-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.tlb-hmac__key-button{transition:none}}