.password-output{display:flex;gap:12px;align-items:center;padding:20px;background:white;border:1px solid var(--line);border-radius:6px}.password-output input{min-width:0;flex:1;font-size:clamp(18px,2.4vw,28px);border:0}.strength-row{display:flex;gap:24px;align-items:center;margin:18px 0 28px}.strength-row meter{flex:1;height:18px}.strength-row strong{min-width:100px;text-align:right;font-size:14px}.generator-settings{padding:28px;background:#fff0ee;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px}.generator-settings input[type=range]{padding:0;accent-color:var(--accent)}.generator-settings fieldset{grid-column:1/-1;border:0;padding:0;margin:0;display:flex;gap:24px;flex-wrap:wrap}.generator-settings legend{font-weight:600;font-size:14px;margin-bottom:18px}.generator-settings fieldset label{display:flex;align-items:center;gap:8px;margin:0}.generator-settings input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:var(--accent)}header nav{display:flex;gap:24px}@media(max-width:700px){.password-output{flex-wrap:wrap;padding:12px}.password-output input{flex-basis:calc(100% - 75px)}.password-output #copy{width:100%}.generator-settings{grid-template-columns:1fr;padding:20px;gap:12px}.generator-settings fieldset{flex-direction:column;gap:16px}header nav{gap:12px}}
.password-design .secret-panel{min-height:760px}
.password-content{padding:26px 14px 30px}.password-content h1{font-size:32px;letter-spacing:-.035em;line-height:1.2;color:#72768e}.password-content .eyebrow{font-size:10px;letter-spacing:.1em;color:#a1a3bb;margin-bottom:16px}.password-content .lead{font-size:13px;color:#9396ab;max-width:none}.password-content .password-output{padding:14px;background:#f5f5f5;border:0;border-radius:5px;flex-wrap:wrap;justify-content:center}.password-content .password-output input{flex-basis:100%;text-align:center;background:transparent;font-size:clamp(18px,2vw,25px);font-weight:400;color:#424878}.password-content .password-output button{min-height:39px;height:39px;border-radius:5px;font-size:13px;padding:8px 16px}.password-content #regenerate{background:#d0d1dd;border:0;color:#424878;font-size:20px;width:39px;padding:0}.password-content #copy{min-width:189px}.password-content .strength-row{gap:14px;margin:22px 0}.password-content .strength-row strong{font-size:12px;font-weight:400;min-width:75px}.password-content .generator-settings{grid-template-columns:160px minmax(0,1fr);background:#fafafa;border:0;border-radius:5px;padding:22px;gap:14px}.password-content .generator-settings label,.password-content .generator-settings legend{font-size:12px;font-weight:400;color:#72768e}.password-content .generator-settings fieldset{gap:14px}.password-content .hint{font-size:12px;color:#9396ab}.password-content #status{font-size:12px;min-height:20px}.generator-back{display:inline-flex;align-items:center;gap:4px;font-size:11px;text-decoration:none;color:#a1a3bb}.generator-back img{width:15px;height:15px}
@media(max-width:800px){.password-design .secret-panel{min-height:0}.password-content{padding:18px 8px 24px}.password-content h1{font-size:26px}.password-content .generator-settings{grid-template-columns:1fr;padding:16px}.password-content .generator-settings fieldset{flex-direction:column}.password-content .password-output input{width:100%;flex-basis:100%;font-size:18px;padding:12px 0}.password-content .password-output #copy{width:auto;min-width:180px;min-height:44px}.password-content #regenerate{min-height:44px;width:44px}.password-content .generator-settings label{min-height:32px}}