.hash-tool input[type="text"] { padding: 6px 10px; font-size: 14px; font-family: monospace; width: 100%; box-sizing: border-box; }
.hash-tool button { margin-top: 8px; padding: 8px 20px; font-size: 14px; cursor: pointer; }
.hash-tool .hash-output { margin-top: 8px; padding: 10px; background: #f0f0f0; border-radius: 6px; font-family: monospace; word-break: break-all; min-height: 1.5em; }

.bf-grid { display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; align-items: center; max-width: 500px; }
.bf-grid input, .bf-grid select { padding: 4px 8px; font-size: 14px; font-family: monospace; }

.tool-btn { margin-top: 10px; padding: 8px 20px; font-size: 14px; cursor: pointer; }
.tool-input-wide { padding: 6px 10px; font-size: 14px; font-family: monospace; width: 100%; box-sizing: border-box; }
.tool-progress { margin-top: 8px; font-family: monospace; font-size: 13px; }

.bf-result { margin-top: 12px; padding: 10px; border-radius: 6px; font-weight: bold; }
.bf-ok { background: #d4edda; color: #155724; }
.bf-err { background: #f8d7da; color: #721c24; }
.bf-info { background: #d1ecf1; color: #0c5460; }