.input-section{flex-direction:column;gap:1rem;display:flex}.input-textarea{resize:vertical;min-height:120px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.input-options{align-items:center;gap:1rem;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{width:auto;margin:0}.algorithm-section .control-group{margin-bottom:2rem}.input-field{border:2px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:.95rem;font-weight:500;transition:all .3s}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #64748b1a}.input-field:hover{border-color:var(--primary-color)}.key-options{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.mode-options{gap:1.5rem;margin-top:.5rem;display:flex}.radio-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.radio-label input[type=radio]{width:auto;margin:0}.action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.results-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.results-header h3{color:var(--primary-color);margin:0;font-size:1.1rem}.results-container{flex-direction:column;gap:1rem;display:flex}.hash-result{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:background-color .2s}.hash-result:hover{background:var(--hover-bg)}.hash-header{justify-content:flex-start;align-items:center;margin-bottom:.75rem;display:flex}.hash-algorithm{color:var(--primary-color);font-size:.95rem;font-weight:600}.hash-length{color:var(--text-secondary);margin-left:.5rem;font-size:.8rem}.hash-value{color:var(--text-primary);word-break:break-all;background:var(--code-bg);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4}.message-container{border-radius:4px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.message-container.success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.message-container.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}:root{--hover-bg:#64748b0d;--code-bg:#f8fafc;--success-bg:#f0fdf4;--success-text:#15803d;--success-border:#bbf7d0;--error-bg:#fef2f2;--error-text:#dc2626;--error-border:#fecaca}[data-theme=dark]{--hover-bg:#94a3b81a;--code-bg:#1e293b;--success-bg:#064e3b;--success-text:#86efac;--success-border:#047857;--error-bg:#7f1d1d;--error-text:#fca5a5;--error-border:#dc2626}.verification-result.valid{background:linear-gradient(90deg,#10b9811a,#0000);border-left:4px solid #10b981}.verification-result.invalid{background:linear-gradient(90deg,#ef44441a,#0000);border-left:4px solid #ef4444}.verification-status{font-size:.9rem;font-weight:600}.verification-status.valid{color:#10b981}.verification-status.invalid{color:#ef4444}.verification-details{margin-top:1rem}.verification-message{background:var(--bg-secondary);border-radius:4px;margin-bottom:1rem;padding:.75rem;font-weight:500}.expected-hash{margin-top:1rem}.expected-hash strong{color:var(--text-primary);font-size:.9rem}.usage-guide{background:var(--card-bg);border:1px solid var(--border-color);text-align:left;border-radius:8px;max-width:800px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:1.5rem}.hmac-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.hmac-toggle:hover{background:var(--hover-bg);border-color:var(--primary-color)}.toggle-icon{font-size:.8rem;transition:transform .2s}.toggle-icon.expanded{transform:rotate(90deg)}.hmac-content{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.hmac-content h3{color:var(--primary-color);margin:0 0 1rem;font-size:1.1rem}.hmac-content h4{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1rem}.hmac-content p{margin:0 0 1rem;line-height:1.6}.hmac-content ul,.hmac-content ol{margin:1rem 0;padding-left:1.8rem}.hmac-content li{margin:.5rem 0;line-height:1.5}.hmac-content strong{color:var(--text-primary)}@media (max-width:768px){.algorithm-grid{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:stretch;gap:1rem}.hash-header{flex-direction:column;align-items:flex-start;gap:.5rem}.action-buttons{flex-direction:column}}