.main-password{max-width:600px;margin:0 auto}.password-result{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);text-align:center}.password-display{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);min-height:60px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-border)}.password-text{font-family:'JetBrains Mono',monospace;font-size:1.5rem;font-weight:600;color:var(--color-text);word-break:break-all;letter-spacing:.05em}.password-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.btn-action{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-action:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.btn-action.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.strength-meter{display:flex;align-items:center;gap:var(--spacing-md)}.strength-bar{flex:1;height:8px;background:var(--bg-body);border-radius:4px;overflow:hidden;position:relative}.strength-bar::after{content:'';position:absolute;left:0;top:0;height:100%;width:var(--strength,0%);background:var(--strength-color,var(--color-danger));border-radius:4px;transition:all .3s ease}.strength-bar[data-strength=weak]::after{--strength:25%;--strength-color:var(--color-danger)}.strength-bar[data-strength=fair]::after{--strength:50%;--strength-color:var(--color-warning)}.strength-bar[data-strength=good]::after{--strength:75%;--strength-color:#22d3ee}.strength-bar[data-strength=strong]::after{--strength:100%;--strength-color:var(--color-success)}.strength-label{font-size:.85rem;font-weight:600;min-width:80px;text-align:right}.strength-label[data-strength=weak]{color:var(--color-danger)}.strength-label[data-strength=fair]{color:var(--color-warning)}.strength-label[data-strength=good]{color:#22d3ee}.strength-label[data-strength=strong]{color:var(--color-success)}.length-field{margin-bottom:var(--spacing-lg)}.length-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.length-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.length-controls input[type=range]{width:100%;height:8px;background:var(--bg-body);border-radius:4px;outline:0;-webkit-appearance:none}.length-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform .2s}.length-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.length-presets{display:flex;gap:.5rem;justify-content:center}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-body)}.char-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.char-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:2px solid transparent}.char-option:hover{border-color:var(--color-border)}.char-option input{display:none}.char-option .checkmark{width:22px;height:22px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.char-option .checkmark::after{content:'✓';color:#fff;font-size:.8rem;opacity:0;transition:opacity .2s}.char-option input:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.char-option input:checked+.checkmark::after{opacity:1}.char-option .option-text{font-size:.9rem;color:var(--color-text-secondary)}.char-option .option-text strong{color:var(--color-primary);margin-right:.25rem}.char-option input:checked~.option-text{color:var(--color-text)}.advanced-options{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.advanced-options .char-option{background:var(--bg-card);padding:var(--spacing-sm) var(--spacing-md)}.multiple-results{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.multiple-results h3{margin-bottom:var(--spacing-md);color:var(--color-text)}.passwords-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.password-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-sm)}.password-item code{flex:1;font-family:'JetBrains Mono',monospace;font-size:.9rem;color:var(--color-text);word-break:break-all}.password-item button{padding:var(--spacing-xs) var(--spacing-sm);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.password-item button:hover{color:var(--color-primary);border-color:var(--color-primary)}.info-box{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-box h3{margin-bottom:var(--spacing-sm)}.info-box ul{margin:0;padding-left:1.25rem}.info-box li{margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem}@media (max-width:500px){.password-text{font-size:1.1rem}.char-options{grid-template-columns:1fr}.length-presets{flex-wrap:wrap}.password-actions{flex-direction:column}}