.hash-tool{width:100%;max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.controls{flex-direction:row;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.controls,.hash-types{display:flex;align-items:center}.hash-types{gap:10px}.hash-types select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff}.buttons{display:flex;gap:10px}.clear-btn,.copy-btn,.hash-btn{padding:8px 15px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.hash-btn{background-color:#4a90e2;color:white}.hash-btn:hover:not(:disabled){background-color:#357ab8}.clear-btn{background-color:#f0f0f0;color:#333}.clear-btn:hover:not(:disabled){background-color:#e0e0e0}.copy-btn{background-color:#5cb85c;color:white;font-size:.8rem;padding:5px 10px}.copy-btn:hover{background-color:#4cae4c}button:disabled{opacity:.6;cursor:not-allowed}.input-section{margin-bottom:20px}.input-section label{display:block;margin-bottom:8px;font-weight:500}textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;line-height:1.5;resize:vertical;min-height:100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace}.hash-results{background-color:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef}.hash-results h3{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:#333}.hash-output{display:flex;flex-direction:column;gap:15px}.hash-result{background-color:white;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.hash-header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#eef2f7;border-bottom:1px solid #e0e0e0}.hash-type{font-weight:600;font-size:.9rem}.hash-value{word-break:break-all;font-family:monospace;line-height:1.5;max-height:100px;overflow-y:auto}.error-message,.hash-value{padding:10px 15px;font-size:.9rem}.error-message{background-color:#f8d7da;color:#721c24;margin-bottom:a5px;border-radius:4px}.no-hash{color:#6c757d;font-style:italic;text-align:center;padding:15px}@media (max-width:768px){.controls{flex-direction:column;align-items:stretch}.hash-types{flex-direction:column;align-items:flex-start}.buttons,.hash-types select{width:100%}.clear-btn,.hash-btn{flex:1}}