:root{--primary-color:#8b5cf6;--secondary-color:#a855f7;--accent-color:#c084fc}.results-container{min-height:200px;max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--bg-secondary)}.result-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem;word-break:break-all}.result-item:last-child{margin-bottom:0}.result-text{flex:1;padding:var(--spacing-xs);user-select:all;cursor:text}.result-copy-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-width:auto}.namespace-inputs{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.hash-info,.uuid-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);line-height:1.5}.info-item strong{color:var(--primary-color)}.hash-result{font-family:monospace;font-size:.9rem;line-height:1.4;word-break:break-all;background:var(--bg-primary);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);user-select:all;cursor:text}.algorithm-info{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary)}.input-invalid{border-color:#ef4444!important}.input-valid{border-color:#10b981!important}.generating{opacity:.7;pointer-events:none}.generate-btn-loading{position:relative}.generate-btn-loading::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.copy-success{background:#10b981!important;color:#fff!important;transition:.3s}.version-descriptions{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.version-desc{padding:var(--spacing-sm);background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem}.version-desc.active{background:var(--accent-color);color:#fff;border-left-color:var(--secondary-color)}@media (max-width:768px){.result-item{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.result-copy-btn{align-self:center;width:100px}.card-header{flex-direction:column;gap:var(--spacing-sm)}.card-header .btn{align-self:stretch}}@media (max-width:480px){.results-container{min-height:150px;max-height:300px}.result-text{font-size:.75rem}}.error-message{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);font-size:.875rem}.success-message{color:#10b981;background:#f0fdf4;border:1px solid #bbf7d0;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);font-size:.875rem}