/* Password Lab — standalone browser utility */
.password-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.password-output,.password-settings{padding:32px;background:linear-gradient(140deg,#11213b,#091220);border:1px solid #5b83b94d;border-radius:17px}.password-output{position:sticky;top:110px}.password-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.password-topline .badge{font-size:9px}.password-topline>span:last-child{font:10px monospace;color:#8eb3db}.password-display{position:relative;display:block;border:1px solid #6499d466;border-radius:10px;padding:20px;background:#050d1c}.password-display label{display:block;font-size:10px;color:#89accd;margin-bottom:13px}.password-display input{display:block;width:100%;border:0;color:#bef1ff;background:transparent;font:22px/1.7 monospace;outline-offset:5px;letter-spacing:.07em;min-width:0;padding:0}.password-display input::placeholder{font:12px Arial;letter-spacing:0;color:#6f86a8}.password-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.password-controls .button{flex:1;min-width:120px}.password-controls button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.password-controls .copy-button{flex:0 1 auto;min-width:80px}.password-toggle{display:block;margin:12px 0 0 auto;background:transparent;border:0;color:#90cae8;font-size:11px;padding:8px 0;min-height:35px}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.password-status{font-size:11px;line-height:1.8;color:#97d7e7;margin:20px 0 0;min-height:40px}.alphabet-info{font-size:10px;line-height:1.8;color:#89a3c7;margin:14px 0 0}.password-local{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;font-size:11px;color:#87a3c5;line-height:1.9}.password-local>span{color:var(--cyan);font-size:25px}.password-settings h2{font-size:25px;margin-bottom:25px}.length-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.length-heading label{font-size:12px;color:#c3d5ee}.length-heading input{width:80px;background:#060f1f;border:1px solid #5b83b955;border-radius:7px;color:#c9e5ff;padding:9px;text-align:center;font-size:13px}.length-range{width:100%;accent-color:#439fff;margin:12px 0}.length-limits{display:flex;justify-content:space-between;color:#708cb3;font:9px monospace}.password-choices{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.password-choice{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #5b83b938;border-radius:9px;background:#091427;cursor:pointer;transition:border-color .2s,background .2s}.password-choice:has(input:checked){border-color:#3e95e17d;background:linear-gradient(110deg,#0066ff12,#3c2d7c0c)}.password-choice input{width:18px;height:18px;accent-color:#398bff;flex-shrink:0;cursor:pointer}.password-choice strong{display:block;color:#c4daf3;font-size:12px;font-weight:500}.password-choice small{display:block;color:#819cbd;font-size:10px;margin-top:3px;line-height:1.7}.letter-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 0 0 16px;margin:0;border:0}.letter-settings .password-choice{padding:12px 10px;gap:8px}.letter-settings:disabled{opacity:.4}.password-tip{font-size:11px;color:#8ba5c7;line-height:1.9;margin:22px 0 0}.password-choice input:focus-visible,.length-heading input:focus-visible,.length-range:focus-visible,.password-display input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.tool-intro{max-width:760px}.tool-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{border:1px solid #5c87bd44;border-radius:16px;padding:32px;background:radial-gradient(ellipse at 100% 0,#17357535,transparent 70%),#0b1424;display:flex;flex-direction:column}.tool-card .service-icon{margin-bottom:26px}.tool-card h3{font-size:28px}.tool-card p{font-size:13px;line-height:1.9}.tool-card .link-arrow{margin-top:auto}.tool-tag{font:8px monospace;color:#73cfe1;letter-spacing:.12em;margin-bottom:16px}.password-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tool-note{font-size:11px!important;color:#829dbf!important;line-height:1.9}.password-examples{color:#7b97ba;font-size:11px;margin-left:auto;font-family:monospace}
@media(max-width:850px){.password-layout{grid-template-columns:1fr}.password-output{position:static}.password-settings{order:0}.tool-cards{grid-template-columns:1fr}.password-output,.password-settings{padding:28px}.password-display input{font-size:21px}}
@media(max-width:480px){.password-output,.password-settings{padding:24px 19px}.password-topline{align-items:start;gap:10px}.password-topline .badge{font-size:8px}.password-topline>span:last-child{font-size:9px}.password-display{padding:18px 14px}.password-display input{font-size:20px}.password-controls{gap:10px}.password-controls .button{width:100%;flex:auto}.password-controls .copy-button{min-width:100%;flex:auto}.letter-settings{padding-left:8px;gap:7px}.letter-settings .password-choice{padding:10px 6px;font-size:10px;gap:6px}.password-choice{padding:13px 10px}.password-examples{font-size:9px}.tool-card{padding:27px 23px}}