/* Vault: a full-width result and strength band above the settings */
.random-password-page{background:linear-gradient(180deg,#160d20,#16111b 340px);border:1px solid #331f4a;border-radius:18px}
.random-password-page>h1{font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.6rem,3vw,2.3rem);color:#dfcdf3}.random-password-page>h1::before,.random-password-page h1::before{content:"Secure · generated on your device";display:block;font:700 .72rem/1.4 system-ui;letter-spacing:.16em;text-transform:uppercase;color:#9c64db;margin-bottom:6px}
.random-password-page .generator-workspace{display:flex;flex-direction:column;gap:16px}
.random-password-page .generator-results{order:-1;width:100%;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:8px 20px;background:#100a17;border:1px solid #492c6b;border-radius:14px}
.random-password-page .generator-actions,.random-password-page .copy-controls,.random-password-page .output{grid-column:1}.random-password-page .strength-meter{grid-column:2;grid-row:1/span 3;background:#1a1026;border-radius:12px;padding:14px;align-self:start}
.random-password-page #generateBtn{background:#7a35c9;color:#130720;border:0;font-weight:800}.random-password-page #passwordList{font:600 1.1rem/1.6 ui-monospace,Consolas,monospace;color:#d5bdf0;overflow-wrap:anywhere}
.random-password-page .generator-settings{width:100%}.random-password-page .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.random-password-page .control-group{background:#1a1520;border:1px solid #32283e;border-radius:12px;min-width:0}
.random-password-page .meter-bar{height:14px;border-radius:3px}
@media(max-width:760px){.random-password-page .generator-results{grid-template-columns:minmax(0,1fr)}.random-password-page .strength-meter{grid-column:1;grid-row:auto}}
.random-password-page #generateBtn{background:#7a35c9!important;color:#130720!important;border:0!important}

/* Recommended pass: the result is the first thing you see */
.random-password-page{padding:22px}
.random-password-page h1::before{display:none!important}
.random-password-page>p:first-of-type{text-align:left;margin-left:0}
.random-password-page .generator-results{grid-template-columns:minmax(0,1fr) minmax(220px,300px);padding:20px;gap:14px 20px}
.random-password-page .output{order:-2;grid-column:1;grid-row:1}
.random-password-page .strength-meter{grid-column:2;grid-row:1 / span 3}
.random-password-page .generator-actions{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:10px}
.random-password-page .copy-controls{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:8px}
.random-password-page .copy-controls button{padding:7px 12px;font-size:.88rem}
.random-password-page #passwordList{margin-top:8px}
.random-password-page .pw-box{font:600 clamp(1.05rem,2vw,1.5rem)/1.4 ui-monospace,Consolas,monospace;padding:14px;background:#08050d;color:#f0e6fb;border:1px solid #5b3a85;border-radius:10px;width:100%;min-width:0}
.random-password-page .generator-settings{margin-top:2px}
@media(max-width:760px){.random-password-page .generator-results{grid-template-columns:minmax(0,1fr)}.random-password-page .strength-meter{grid-column:1;grid-row:auto}.random-password-page .output,.random-password-page .generator-actions,.random-password-page .copy-controls{grid-row:auto}}

.random-password-page .generator-workspace{display:flex!important;flex-direction:column!important;gap:16px}
.random-password-page .generator-results,.random-password-page .generator-settings{width:100%!important;max-width:none!important;flex:none!important}
.random-password-page .generator-results{order:-1!important;display:grid!important}
.random-password-page .output label{display:flex;align-items:center;gap:8px;text-align:left;justify-content:flex-start}
.random-password-page .output input[type=checkbox]{width:auto;flex:none}
.random-password-page .pw-box{flex:1 1 auto}
.random-password-page .checkboxes label{display:flex!important;align-items:center;gap:8px;text-align:left;justify-content:flex-start}
.random-password-page .checkboxes input[type=checkbox]{width:auto;flex:none;margin:0}
.random-password-page .pw-copy-btn{white-space:nowrap;flex:none;width:auto}
.random-password-page .pw-row{display:flex;gap:8px;align-items:stretch}
.random-password-page input.pw-box{font:600 clamp(1.05rem,2vw,1.5rem)/1.4 ui-monospace,Consolas,monospace!important;padding:14px!important}