body{font-family:sans-serif;background:#f9f9f9;padding:2rem}.app-container{max-width:500px;margin:auto;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 0 10px #0000001a}.generator-container label{display:block;margin:.5rem 0}input[type=text]{width:100%;font-size:1.2rem;margin:.5rem 0}button{margin-top:1rem;padding:.6rem 1rem;font-size:1rem;cursor:pointer}.password-output{display:flex;align-items:center;gap:10px}body{font-family:Segoe UI,sans-serif;background:#f4f5f7;margin:0;padding:0}.app{padding:2rem;display:flex;justify-content:center}.container{background:#fff;max-width:600px;width:100%;border-radius:10px;padding:2rem;box-shadow:0 0 10px #0000001a}.password-box{display:flex;justify-content:space-between;align-items:center;background:#f0f2f5;padding:1rem;font-size:1.5rem;border-radius:8px;word-break:break-all}.icons svg{font-size:1.5rem;margin-left:1rem;cursor:pointer}.strength-bar{height:10px;width:100%;background-color:#e0e0e0;border-radius:5px;margin-top:10px;overflow:hidden}.strength-fill{height:100%;border-radius:5px;transition:width .3s ease}.strength-fill.weak{background-color:red}.strength-fill.medium{background-color:orange}.strength-fill.strong{background-color:green}.strength-text{font-weight:700;margin-top:5px}.strength-text.weak{color:red}.strength-text.medium{color:orange}.strength-text.strong{color:green}.options h3{margin-bottom:1rem}.length-control{display:flex;align-items:center;gap:1rem}.radio-group,.checkbox-group{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.copy-btn{background:#a5d628;color:#fff;padding:.8rem 1.5rem;border:none;font-size:1rem;border-radius:6px;margin-top:2rem;width:100%;cursor:pointer}