.password-generator{max-width:800px;margin:0 auto}.pw-mode-tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-lg)}.pw-mode-tab{padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all .2s ease}.pw-mode-tab:hover{border-color:var(--accent);color:var(--text-primary)}.pw-mode-tab.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}@media(max-width:480px){.pw-mode-tabs{flex-direction:column}}.password-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.control-section{margin-bottom:var(--space-xl)}.control-section:last-child{margin-bottom:0}.control-section h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-family:var(--font-display)}.control-section-hint{color:var(--text-muted);font-size:.8rem;margin:-8px 0 var(--space-md) 0}.toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.toggle-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.toggle-item label{font-weight:500;color:var(--text-primary);cursor:pointer;user-select:none}.password-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.password-result{display:flex;flex-direction:column;gap:var(--space-md)}.password-display{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);word-break:break-all}.password-text{font-family:var(--font-mono);font-size:1.125rem;color:var(--text-primary);flex:1}.password-strength{display:flex;flex-direction:column;gap:var(--space-sm)}.strength-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.strength-text{font-weight:600;font-family:var(--font-mono)}.strength-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.strength-fill{height:100%;transition:all var(--transition-normal);border-radius:3px}.pw-crack-time{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem}.pw-crack-time strong{color:var(--accent);font-family:var(--font-mono)}.pw-crack-time .pw-entropy-note{color:var(--text-muted);font-size:.75rem}.pw-warning-banner{display:flex;gap:10px;align-items:flex-start;background:#ffb0201a;border:1px solid var(--warning);color:var(--warning);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;margin-top:var(--space-sm);line-height:1.5}.password-list{display:flex;flex-direction:column;gap:var(--space-sm)}.password-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);word-break:break-all}.pw-history{display:flex;flex-direction:column;gap:var(--space-sm)}.pw-history-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.pw-history-badge{flex-shrink:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bg-primary);background:var(--accent);padding:3px 8px;border-radius:20px}.pw-history-value{flex:1;font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);word-break:break-all}.pw-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.pw-history-header h3{margin:0}.pw-clear-history-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all var(--transition-fast)}.pw-clear-history-btn:hover{border-color:var(--danger);color:var(--danger)}.pw-username-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-md)}.pw-username-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary)}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.use-case{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.use-case h3{color:var(--accent);font-size:1rem;margin-bottom:8px}.use-case p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}@media(max-width:768px){.toggle-group{grid-template-columns:1fr}.password-buttons{flex-direction:column;align-items:stretch}.password-display,.password-item{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.password-text{text-align:center}.pw-crack-time{flex-direction:column;align-items:flex-start}.pw-history-item{flex-wrap:wrap}}