.password-result{display:flex;gap:0.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.password-result input{flex:1;min-width:200px;padding:0.75rem;border:1px solid var(--border-color);border-radius:4px;font-family:'Courier New',monospace;font-size:1rem}.password-result .btn{min-width:80px}.strength-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.strength-bar{flex:1;min-width:150px;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.strength-fill{height:100%;width:0%;background-color:#f44336;transition:all 0.3s ease}.strength-fill.weak{background-color:#f44336;width:25%}.strength-fill.fair{background-color:#ff9800;width:50%}.strength-fill.good{background-color:#ffc107;width:75%}.strength-fill.strong{background-color:#4CAF50;width:100%}.password-settings{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.setting-group{margin-bottom:1rem}.setting-group:last-child{margin-bottom:0}.setting-group label{display:block;font-weight:500;margin-bottom:0.5rem}#lengthInput{width:100%;cursor:pointer}.setting-group span{margin-left:0.5rem;font-weight:bold;color:var(--primary-color)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.checkbox-group label{display:flex;align-items:center;gap:0.5rem;margin-bottom:0;font-weight:normal;cursor:pointer}.checkbox-group input[type="checkbox"]{width:auto;cursor:pointer}@media (max-width:768px){.password-result{flex-direction:column}.password-result input{min-width:auto;width:100%}.password-result .btn{width:100%;min-width:auto}.strength-indicator{flex-direction:column;align-items:stretch}.strength-bar{min-width:auto;width:100%}.checkbox-group{grid-template-columns:1fr}}@media (max-width:480px){.password-settings{padding:1rem}.password-result input{font-size:0.9rem}.checkbox-group label{font-size:0.9rem}}