.hmac-generator[data-v-efb091f7]{display:flex;flex-direction:column;gap:1rem}.input-group[data-v-efb091f7]{display:flex;flex-direction:column}.field-label[data-v-efb091f7]{font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem;font-weight:500}.message-input[data-v-efb091f7]{width:100%;min-height:100px;font-family:var(--font-mono);font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem;resize:vertical;outline:none}.message-input[data-v-efb091f7]:focus{border-color:var(--accent)}.input-row[data-v-efb091f7]{display:flex;gap:1rem}.key-group[data-v-efb091f7]{flex:1}.algorithm-group[data-v-efb091f7]{min-width:140px}.key-input[data-v-efb091f7]{width:100%;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.key-input[data-v-efb091f7]:focus{border-color:var(--accent)}.algorithm-select[data-v-efb091f7]{width:100%;padding:.5rem .75rem;font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer}.algorithm-select[data-v-efb091f7]:focus{border-color:var(--accent)}.error-message[data-v-efb091f7]{padding:.75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.85rem}.output-section[data-v-efb091f7]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.output-header[data-v-efb091f7]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.output-header .field-label[data-v-efb091f7]{margin-bottom:0}.hmac-output[data-v-efb091f7]{padding:.75rem;font-family:var(--font-mono);font-size:.82rem;color:var(--success);background:var(--bg-secondary);word-break:break-all;white-space:pre-wrap;margin:0;line-height:1.5}.placeholder-message[data-v-efb091f7]{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}.computing-indicator[data-v-efb091f7]{padding:.5rem;text-align:center;color:var(--accent);font-size:.8rem}@media(max-width:768px){.input-row[data-v-efb091f7]{flex-direction:column}}