.pwhtool__mode-tabs{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.pwhtool__mode-tab{padding:6px 14px;font-size:13px;background:var(--color-bg);color:var(--color-text-soft);border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.pwhtool__mode-tab:hover{background:var(--color-bg-soft)}.pwhtool__mode-tab.is-active{background:var(--color-primary);color:#fff}.pwhtool__field{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--color-text-soft)}.pwhtool__field-label{min-width:56px;font-weight:500;color:var(--color-text)}.pwhtool__select{padding:4px 8px;font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer}.pwhtool__controls{display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft)}.pwhtool__password-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:220px}.pwhtool__input{flex:1;padding:8px 10px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.pwhtool__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.pwhtool__input--mono{font-family:var(--font-mono);font-size:13.5px}.pwhtool__toggle-pwd{padding:6px 10px;font-size:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.pwhtool__toggle-pwd:hover{background:var(--color-bg-soft)}.pwhtool__range{flex:1;min-width:180px;cursor:pointer;accent-color:var(--color-primary)}.pwhtool__value-pill{min-width:56px;padding:2px 8px;font-family:var(--font-mono);font-size:13px;text-align:center;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.pwhtool__hint-text{font-size:12.5px;color:var(--color-text-muted);font-family:var(--font-mono)}.pwhtool__radio-group{display:inline-flex;gap:12px}.pwhtool__toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.pwhtool__toggle input{margin:0;cursor:pointer}.pwhtool__textarea{width:100%;resize:vertical;line-height:1.5}.pwhtool__field--password,.pwhtool__field--cost,.pwhtool__field--iter,.pwhtool__field--hash{align-items:flex-start}.pwhtool__field--password .pwhtool__password-wrap{align-self:stretch}.pwhtool__actions{display:flex;gap:8px;margin-top:4px}.pwhtool__hash-output{margin:0;padding:12px;font-family:var(--font-mono);font-size:13.5px;color:var(--color-text);background:var(--color-bg-code);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;line-height:1.6}.pwhtool__stats{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;padding:8px 10px;font-size:12.5px;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-sm)}.pwhtool__stats span{font-family:var(--font-mono)}.pwhtool__error{margin-top:12px;padding:8px 12px;font-size:13px;color:var(--color-error);background:var(--color-danger-soft);border-left:3px solid var(--color-error);border-radius:var(--radius-sm)}.pwhtool__verify-result{margin-top:12px}.pwhtool__verify-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.pwhtool__verify-banner.is-ok{background:var(--color-success-soft, rgba(34, 197, 94, .08));border-color:var(--color-success-border, rgba(34, 197, 94, .3))}.pwhtool__verify-banner.is-fail{background:var(--color-danger-soft);border-color:var(--color-error)}.pwhtool__verify-icon{font-size:24px;line-height:1}.pwhtool__verify-status{font-size:16px;font-weight:600;color:var(--color-text)}.pwhtool__verify-detail{margin-top:4px;font-size:13px;color:var(--color-text-soft);line-height:1.6}@media(prefers-color-scheme:dark){.pwhtool__error{color:#fca5a5}.pwhtool__verify-banner.is-ok{background:#22c55e1f}.pwhtool__verify-banner.is-fail{background:#ef44441f}}@media(max-width:768px){.pwhtool__field-label{min-width:48px}.pwhtool__stats{flex-direction:column;gap:4px}.pwhtool__verify-banner{flex-direction:column;gap:8px}}@media(max-width:414px){.pwhtool__toolbar{flex-direction:column;align-items:stretch;gap:8px}.pwhtool__mode-tabs{width:100%}.pwhtool__mode-tab{flex:1;padding:8px;text-align:center}}