.password-generator{
    max-width:450px;
    margin:auto;
    padding:20px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    gap:20px;
}

.options{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.option{
    display:flex;
    align-items:center;
    gap:10px;
}

.option input[type=range]{
    flex:1;
}

.options label{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.result{
    display:flex;
    gap:10px;
}

.result input{
    flex:1;
    padding:10px;
    border:1px solid #ccc;
    border-radius:8px;
    font-size:15px;
}

button{
    padding:10px 16px;
    border:none;
    border-radius:8px;
    cursor:pointer;
}

#generate{
    margin-top:10px;
}

#copy{
    white-space:nowrap;
}