@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--green:#154326;--orange:#e77d43;--muted:#52745e;--line:#dbe8e0;--pale:#f6faf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--green);font-family:DM Sans,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{max-width:1280px;margin:auto;height:96px;padding:0 48px;border-bottom:1px solid var(--line);justify-content:space-between;gap:24px}.brand,header{display:flex;align-items:center}.brand{font-size:29px;font-weight:700;letter-spacing:-1.3px;gap:2px}.brand-icon{width:30px;margin-right:8px}.brand-icon svg{width:100%}.orange{color:var(--orange)}nav{gap:30px;font-size:12px}nav,nav a{display:flex;height:100%;align-items:center}nav a{position:relative}nav a[aria-current]:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:0;right:0}.header-note{font-size:11px;color:var(--muted)}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:7px}main{max-width:1060px;margin:auto;padding:0 36px}.hero{text-align:center;padding:55px 0 38px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(34px,4.5vw,52px);font-weight:550;line-height:1.14;letter-spacing:-2px;margin:19px 0 18px}.hero p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.workspace{padding:26px 30px 0;background:var(--pale);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #15432605}.toolbar{justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line);gap:15px}.tool-title,.toolbar{display:flex;align-items:center}.tool-title{gap:12px}.tool-icon{width:40px;height:40px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#eaf2ed}.tool-icon svg{width:100%}h2,h3,p{margin-top:0}.tool-title h2{font-size:14px;font-weight:650;margin-bottom:5px}.tool-title p{font-size:11px;color:var(--muted);margin:0}.private{font-size:10px;color:var(--muted)}.private i,.workspace-foot i{background:#68a17b}.generator-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:40px;gap:40px;padding:25px 0 0}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:20px}.section-label>span:first-child{font-family:IBM Plex Mono,monospace;font-size:10px;color:#669074}.section-label h3{font-size:15px;font-weight:600;margin:0}.tag{margin-left:auto;font-size:8px!important;letter-spacing:1px;border:1px solid #cbded1;padding:5px 7px;border-radius:4px}.column-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:1px;margin-bottom:4px}.setting{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.setting label:not(.check){flex:1 1;font-size:12px;font-weight:550}.setting small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.check{display:flex;width:36px;justify-content:center}.check input{accent-color:var(--green);width:17px;height:17px;margin:0}.setting input[type=number]{width:66px;height:38px;border:1px solid #bfd3c6;border-radius:7px;color:var(--green);background:white;padding:7px 9px;font-family:IBM Plex Mono,monospace;font-size:13px}.strength-setting{padding-top:22px}.strength-setting>label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.strength-setting label span{font-size:8px;color:var(--muted);font-weight:400;letter-spacing:1px}.strength-setting select{width:100%;margin-top:10px;border:1px solid #bfd3c6;background:#fff;color:var(--green);border-radius:7px;padding:11px 12px;font-size:12px}.strength-setting p{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0 17px;min-height:34px}.generate{border:0;background:var(--orange);border-radius:8px;color:#183d26;width:100%;padding:14px 16px;text-align:left;font-size:12px;font-weight:650;display:flex;justify-content:space-between}.generate:hover{background:#ef925c}.password-card{background:var(--green);color:#f0f6f2;border-radius:13px;padding:22px;box-shadow:0 5px 0 #d8e4dc}.card-top{display:flex;align-items:center;justify-content:space-between;color:#b0c9b9;font-size:8px;letter-spacing:1.2px}.card-top svg{width:22px;height:22px;color:#e9a16f}.password{font-family:IBM Plex Mono,monospace;font-size:clamp(23px,2.8vw,33px);font-weight:500;overflow-wrap:anywhere;line-height:1.6;min-height:117px;padding:17px 0;-webkit-user-select:all;-moz-user-select:all;user-select:all;letter-spacing:.5px}.card-bottom,.password{display:flex;align-items:center}.card-bottom{justify-content:space-between;border-top:1px solid #396348;padding-top:14px;gap:12px;font-size:9px;color:#b8d0c0}.card-bottom button{border:1px solid #5c8068;background:#2b553b;color:#f0f6f2;border-radius:6px;padding:8px 12px;font-size:10px}.strength-panel{padding:26px 2px 0}.strength-panel>div:first-child{display:flex;justify-content:space-between;font-size:11px}.meter{display:flex;gap:5px;margin-top:12px}.meter i{height:6px;flex:1 1;margin:0;border-radius:3px}.strength-panel p{font-size:10px;color:var(--muted);line-height:1.7;margin:10px 0 0}.tip{display:flex;gap:13px;border-top:1px solid var(--line);margin-top:23px;padding-top:21px}.tip>span{color:var(--orange);font-size:24px}.tip p{font-size:11px;line-height:1.85;color:var(--muted)}.tip strong{display:block;color:var(--green);font-size:11px;margin-bottom:4px}.error{color:#9d3526;font-size:12px;line-height:1.6}.error:empty{display:none}.workspace-foot{border-top:1px solid var(--line);margin-top:24px;padding:16px 0}.under,.workspace-foot{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);gap:15px}.under{padding:17px 4px}.under a{text-decoration:underline;text-underline-offset:3px}.guide{margin-top:43px;text-align:center}.guide .eyebrow{color:var(--muted)}.guide h2{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:13px 0 10px}.intro{font-size:12px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;grid-gap:32px;gap:32px;margin-top:29px;padding-bottom:30px;border-bottom:1px solid var(--line)}.guide-icon{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--pale);display:grid;place-items:center;font-size:18px}.guide-icon svg{width:22px}.guide-grid h3{font-size:13px;margin:15px 0 8px;font-weight:600}.faq p,.guide-grid p{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:0}.faq{margin:17px 0 42px}.faq details{padding:16px 0;border-bottom:1px solid #e6eee9}.faq summary{cursor:pointer;font-size:12px;font-weight:550}.faq p{margin-top:12px;max-width:850px}footer{max-width:1184px;margin:auto;padding:26px 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:var(--muted);font-size:10px}.footer-brand{font-size:22px;font-weight:650;color:var(--green);letter-spacing:-1px}footer>a:last-child{margin-left:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;padding:10px;background:white;z-index:2}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}::selection{background:#f2c3a5;color:var(--green)}@media(max-width:850px){header{padding:0 25px}.header-note{display:none}.generator-grid{gap:25px}.workspace{padding:23px 23px 0}.tag{display:none}}@media(max-width:640px){header{height:78px;padding:0 18px;gap:15px}.brand{font-size:25px}.brand-icon{width:25px;margin-right:5px}nav{font-size:10px;gap:15px}nav a:last-child{display:none}main{padding:0 16px}.hero{padding:38px 0 30px}h1{font-size:36px;letter-spacing:-1.5px}.hero p{font-size:12px}.eyebrow{font-size:8px}.workspace{padding:19px 19px 0}.private{display:none}.generator-grid{grid-template-columns:1fr;gap:30px}.output{grid-row:1}.password{min-height:100px;font-size:26px}.section-label{margin-bottom:16px}.strength-panel{padding-top:22px}.tip{display:none}.workspace-foot{font-size:8px;line-height:1.7;flex-wrap:wrap;gap:6px}.under{font-size:8px;flex-direction:column;gap:8px}.guide{margin-top:29px}.guide h2{font-size:24px}.guide-grid{grid-template-columns:1fr;gap:24px}.guide-grid article{display:grid;grid-template-columns:36px 1fr;grid-column-gap:14px;column-gap:14px}.guide-icon{grid-row:span 2}.guide-grid h3{margin:0 0 6px}.guide-grid p{font-size:12px}.faq{margin-bottom:28px}footer{padding:23px 20px;flex-wrap:wrap;gap:12px}footer span,footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-size:16px}nav{font-size:15px}.header-note{font-size:14px}.hero p{font-size:17px}.eyebrow{font-size:12px}.tool-title h2{font-size:18px}.private,.tool-title p{font-size:14px}.generator-grid{grid-template-columns:1.1fr 1.2fr;gap:30px}.section-label h3{font-size:18px}.section-label>span:first-child{font-size:13px}.tag{font-size:10px!important}.setting{gap:12px}.check{width:88px;flex-shrink:0;justify-content:space-between;gap:8px;font-size:14px;white-space:nowrap}.setting label:not(.check){font-size:15px}.setting small{font-size:12px}.setting input[type=number]{font-size:16px;width:70px;height:43px}.separator-setting>label,.strength-setting>label{font-size:15px;font-weight:600}.strength-setting label span{font-size:10px}.separator-setting{padding-top:22px}.separator-setting select,.strength-setting select{font-size:15px;width:100%;margin-top:10px;padding:12px;border:1px solid #bfd3c6;border-radius:7px;color:var(--green);background:white}.separator-setting p,.strength-setting p{font-size:13px;line-height:1.75;color:var(--muted);margin:10px 0 0}.strength-setting p{margin-bottom:20px}.generate{justify-content:center;text-align:center;font-size:20px;font-weight:700;padding:18px 12px}.card-top{font-size:11px}.card-bottom{font-size:12px}.card-bottom button{font-size:14px;padding:10px 15px}.strength-panel>div:first-child{font-size:15px}.strength-panel p,.tip p,.tip strong{font-size:14px}.under,.workspace-foot{font-size:12px}.guide h2{font-size:32px}.intro{font-size:16px}.guide-grid h3{font-size:17px}.faq p,.guide-grid p{font-size:15px}.faq summary{font-size:16px}footer{font-size:13px}@media(max-width:850px){.generator-grid{grid-template-columns:1fr;gap:30px}.output{grid-row:1}.tag{display:block}}@media(max-width:640px){nav{font-size:12px}.hero p{font-size:15px}.eyebrow{font-size:10px}.tool-title h2{font-size:17px}.setting{gap:8px}.check{width:81px;font-size:13px}.setting label:not(.check){font-size:14px}.setting small{font-size:11px}.setting input[type=number]{width:57px;padding:7px}.strength-setting>label{flex-wrap:wrap;gap:6px}.guide-grid p{font-size:15px}.under,.workspace-foot{font-size:11px}footer span,footer>a:last-child{font-size:12px}.guide h2{font-size:27px}}