.tool-main{max-width:1240px;margin:0 auto;padding:0 28px;color:#15213b}.tool-main p{font-size:16px;line-height:1.7}.generator-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center;padding:56px 0 64px}.generator-intro>a{font-size:14px;color:#b8c7ed;text-decoration:none}.generator-intro .eyebrow{color:#7cded1;margin-top:42px}.generator-intro h1,.directory-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-2px;margin:18px 0 26px;font-weight:800}.generator-intro h1 span{color:#80daca}.generator-intro>p:not(.eyebrow){color:#d1dbef;max-width:420px;font-size:18px}.privacy-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.privacy-pills span{border:1px solid #ffffff30;color:#d4def0;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:600}.tool-main:has(.generator-hero){max-width:none;background:linear-gradient(120deg,#15284d,#1c3763);padding:0 max(28px,calc((100vw - 1184px)/2));}.generator-intro{color:white}.tool-box{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:30px;box-shadow:0 24px 60px #07111f26;min-width:0}.tool-box h2{font-size:19px;margin:26px 0 22px}.generator-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1f4f8;padding:5px;border-radius:10px}.generator-tabs a{padding:11px 6px;text-align:center;font-size:14px;font-weight:600;color:#59677f;text-decoration:none;border-radius:7px}.generator-tabs a[aria-current]{background:white;color:#174cbb;box-shadow:0 2px 7px #14284615}.tool-box>label{font-size:15px;color:#536178}.tool-box>label strong{float:right;background:#edf3ff;border-radius:6px;padding:2px 10px;color:#1f56b3}.tool-box input[type=range]{accent-color:#2563eb;cursor:pointer}.tool-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;margin:14px 0 24px}.tool-options label{display:flex;align-items:center;gap:10px;font-size:14px;color:#43516a}.tool-options input[type=checkbox]{appearance:none;width:38px;height:22px;border-radius:14px;background:#c5ccd8;position:relative;cursor:pointer;flex:none;margin:0;transition:background .15s}.tool-options input[type=checkbox]:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:white;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #0002}.tool-options input:checked{background:#2563eb}.tool-options input:checked:after{transform:translateX(16px)}.tool-options select{max-width:125px;border:1px solid #d5deeb;border-radius:7px;color:#273957;background:#fff}.output-label{display:block;font-weight:600;margin-bottom:12px}.tool-output{margin:0 0 18px}.tool-output input{box-sizing:border-box;width:100%;min-width:0;font:600 20px/1.5 monospace;padding:22px 18px;background:#f6f9ff;border:1px solid #d6e2f5;border-radius:10px;color:#192b4b;text-align:center}.generator-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-btn{background:#2563eb;color:white;border:1px solid #2563eb;border-radius:9px;padding:13px 9px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}.tool-btn:hover{background:#194fc4}.tool-btn#generate{background:white;color:#235bd0}.tool-btn#generate:hover{background:#edf3ff}.tool-btn:disabled{opacity:.5;cursor:wait}.tool-box #status{font-size:14px;min-height:24px;margin:14px 0 0;color:#275a8a}.tool-box>p:last-child{font-size:13px;color:#69768a;margin-bottom:0}.tool-box #entropy{font-size:13px;color:#69768a}.tool-information{background:#f8faff;margin:0 calc(-1 * max(28px,calc((100vw - 1184px)/2)));padding:48px max(28px,calc((100vw - 900px)/2));color:#26364f}.tool-information h2{font-size:25px;margin:25px 0 14px}.tool-information details{padding:19px 0;border-bottom:1px solid #dce4ee}.tool-information summary{font-weight:600;cursor:pointer}.tool-information a{color:#225bc1}.tool-information details p{color:#59677d}.tools-directory{padding-top:50px;padding-bottom:70px}.directory-hero{background:#172f55;border-radius:24px;padding:40px 48px;color:white}.directory-hero .eyebrow{color:#80daca}.directory-hero h1{font-size:clamp(36px,4.5vw,58px);margin:15px 0}.directory-hero h1 span{color:#80daca}.directory-hero>p:not(.eyebrow){color:#d1dbef;max-width:550px}.directory-section-head{display:flex;justify-content:space-between;align-items:center;margin:35px 0 18px}.directory-section-head h2{font-size:22px;margin:0}.directory-section-head>span{font-size:14px;color:#738095}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-card{display:block;text-decoration:none;color:#172b4d;background:white;border:1px solid #dbe4f0;border-radius:20px;padding:28px;transition:transform .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #12315a12}.tool-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#e9f0ff;color:#2563eb;font-size:30px;font-weight:700;margin-bottom:22px}.phrase-card .tool-icon{background:#e0f6ee;color:#08735d;font-size:23px}.tool-category{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#72809a}.tool-card h2{font-size:25px;margin:10px 0}.tool-card p{color:#68748a;font-size:15px;min-height:50px}.tool-preview{background:#f4f7fb;border:1px dashed #d4deec;border-radius:9px;padding:15px 10px;text-align:center;font:600 20px monospace;margin:25px 0}.tool-card-action{display:block;background:#2563eb;color:white;text-align:center;border-radius:9px;padding:12px;font-size:14px;font-weight:700}.phrase-card .tool-card-action{background:#097662}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}@media(max-width:850px){.generator-hero{grid-template-columns:1fr;gap:30px;padding:30px 0 40px}.generator-intro .eyebrow{margin-top:22px}.generator-intro h1{font-size:42px}.generator-intro>p:not(.eyebrow){max-width:none}.privacy-pills{margin-top:18px}.tools-grid{gap:16px}}@media(max-width:560px){.tool-main{padding:0 16px}.tool-main:has(.generator-hero){padding:0 16px}.tool-box{padding:20px;border-radius:16px}.generator-intro h1{font-size:36px;letter-spacing:-1px}.tool-options{grid-template-columns:1fr}.generator-tabs a{font-size:13px}.tool-output input{font-size:16px;padding:18px 10px}.generator-actions{gap:8px}.tool-btn{font-size:14px}.tool-information{margin:0 -16px;padding:30px 20px}.tools-directory{padding-top:22px;padding-bottom:35px}.directory-hero{padding:28px 22px;border-radius:18px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:23px}.directory-section-head h2{font-size:20px}.directory-hero h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.tool-card:hover{transform:none}}
.strength-heading{display:flex;justify-content:space-between;gap:12px;margin:26px 0 14px;align-items:center}.strength-heading>span{font-size:13px;color:#738095}.strength-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.strength-meter span{height:8px;border-radius:5px;background:#e3e9f2}.strength-meter[data-score="0"] span:first-child{background:#dc3545}.strength-meter[data-score="1"] span:nth-child(-n+1){background:#e47035}.strength-meter[data-score="2"] span:nth-child(-n+2){background:#c28b15}.strength-meter[data-score="3"] span:nth-child(-n+3){background:#229377}.strength-meter[data-score="4"] span{background:#168b67}.strength-meter[data-empty="true"] span{background:#e3e9f2!important}#feedback,#suggestions{font-size:14px;line-height:1.7;color:#53627a}#suggestions{padding-left:20px}.checker-limit{font-size:13px!important;color:#738095}.tool-btn#clear{background:#fff;color:#235bd0}.tool-btn#clear:hover{background:#edf3ff}
.json-main{max-width:none!important;padding:0 max(20px,calc((100vw - 1280px)/2))!important;background:#f7f9fd}.json-heading{padding:36px 0 30px}.json-heading>a{font-size:14px;color:#52698e}.json-heading .eyebrow{margin:22px 0 10px}.json-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-1.5px;margin:12px 0}.json-heading>p{color:#63728c}.json-heading .privacy-pills span{border-color:#d8e3ef;background:#edf3fc;color:#486182}.json-workbench{border:1px solid #d6e0ed;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 36px #1b35590a;margin-bottom:45px}.json-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#172e52;color:white;flex-wrap:wrap}.json-primary{display:flex;gap:9px;flex-wrap:wrap}.json-toolbar .secondary{background:#ffffff10;border-color:#ffffff35}.json-toolbar label{font-size:14px;display:flex;gap:10px;align-items:center}.json-toolbar select{padding:9px;border-radius:6px;border:1px solid #d7e1ef;font-size:14px;background:#fff;color:#172e52}.json-editors{display:grid;grid-template-columns:1fr 1fr}.json-editor{min-width:0}.json-editor:first-child{border-right:1px solid #dce4ee}.editor-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e1e7f0;background:#f8faff}.editor-head label{font-weight:700;font-size:14px}.editor-head>div{display:flex;gap:12px}.editor-head button{border:0;background:none;color:#225bc1;font-size:13px;cursor:pointer;padding:4px}.editor-head button:disabled{color:#8a98ae;cursor:default}.json-editor textarea{display:block;box-sizing:border-box;width:100%;height:410px;resize:vertical;padding:22px;background:#fff;border:0;color:#172e52;font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto;border-radius:0}.json-editor textarea::placeholder{color:#8a97ab}.json-status{border-top:1px solid #e1e7f0;padding:15px 20px;color:#64748b;font-size:14px;background:#f8faff}.json-status[data-state=success]{color:#097459;background:#edf9f4}.json-status[data-state=error]{color:#a62938;background:#fff2f3}.json-main .tool-information{margin:0 calc(-1 * max(20px,calc((100vw - 1280px)/2)));padding:38px max(20px,calc((100vw - 900px)/2))}@media(max-width:700px){.json-editors{grid-template-columns:1fr}.json-editor:first-child{border-right:0;border-bottom:1px solid #dce4ee}.json-editor textarea{height:280px;font-size:14px}.json-toolbar{padding:16px}.editor-head{padding:14px}.json-heading h1{letter-spacing:-.8px}.json-primary .tool-btn{padding:10px 12px}.json-heading .privacy-pills{margin-top:18px}}