.mode-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.mode-tab{flex:1;padding:.75rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;font-weight:500;transition:all .2s}.mode-tab:hover{border-color:var(--primary);background:var(--surface-elevated)}.mode-tab.active{border-color:var(--primary);background:var(--primary);color:#fff}.algorithm-selector{margin-bottom:1.5rem}.algorithm-selector label{display:block;font-weight:500;margin-bottom:.5rem}.algorithm-buttons{display:flex;gap:.5rem}.alg-btn{flex:1;padding:.6rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s}.alg-btn:hover{border-color:var(--primary)}.alg-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.text-input-section{margin-bottom:1rem}.hash-textarea{width:100%;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:Courier New,monospace;font-size:.9rem;resize:vertical;min-height:120px}.hash-textarea:focus{outline:none;border-color:var(--primary)}.char-count{text-align:right;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.file-input-section{margin-bottom:1rem}.file-selected{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:500}.file-size{font-size:.85rem;color:var(--text-muted)}.results-section{margin-top:1.5rem}.hash-result{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem}.hash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hash-algorithm{font-weight:600;color:var(--primary)}.copy-btn{padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:.8rem;transition:all .2s}.copy-btn:hover{background:var(--surface-elevated);border-color:var(--primary)}.hash-value{font-family:Courier New,monospace;font-size:.75rem;word-break:break-all;background:var(--surface);padding:.75rem;border-radius:var(--radius-sm);color:var(--text-secondary);line-height:1.4}.info-section{margin-top:1.5rem;padding:1rem;background:var(--surface-elevated);border-radius:var(--radius-md)}.info-section h4{margin:0 0 .75rem;font-size:.9rem}.info-section ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:var(--text-secondary)}.info-section li{margin-bottom:.5rem}.info-section li:last-child{margin-bottom:0}.privacy-note{margin-top:1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted)}