:root{--ink:#17211d;--muted:#61706a;--line:#dce4df;--soft:#f4f7f5;--green:#087a55;--navy:#183247}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;letter-spacing:0}header{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{min-height:44px;display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800}.brand b{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:6px}.brand span,.eyebrow{color:var(--green)}nav{display:flex;gap:28px;color:#43524c;font-size:14px}nav a{min-height:44px;display:inline-flex;align-items:center}.hero{padding:58px max(5vw,28px) 48px;background:var(--soft);border-bottom:1px solid var(--line)}.inner{max-width:1180px;margin:auto}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:800}.hero h1{margin:0;font-size:56px;line-height:1}.hero>div>p:nth-child(3){margin:16px 0 30px;color:var(--muted);font-size:20px}.search{max-width:690px;height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border:1px solid #bdcbc4;border-radius:6px}.search input{min-height:44px;flex:1;min-width:0;border:0;outline:0;font-size:16px}.search output{padding:4px 7px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:4px}.tools{max-width:1180px;margin:auto;padding:54px 28px 70px}.tools-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.tools h2,.yoor h2{margin:0;font-size:30px}.local{color:var(--muted);font-size:13px}.tabs,.modes{display:flex;gap:6px;margin:28px 0;overflow:auto}.tabs button,.modes button{min-height:44px;padding:9px 14px;border:1px solid var(--line);background:#fff;color:#52615b;border-radius:5px;cursor:pointer;white-space:nowrap}.tabs button[aria-pressed="true"],.modes button[aria-pressed="true"]{color:#fff;background:var(--navy);border-color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.tool{min-height:104px;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:16px;padding:20px 12px;border-bottom:1px solid var(--line);cursor:pointer}.tool:nth-child(even){border-left:1px solid var(--line)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:6px;background:#dff4ea;color:var(--green);font-weight:800}.tone-green{background:#dff4ea;color:#087a55}.tone-blue{background:#e0eef8;color:#236289}.tone-amber{background:#fff0cb;color:#8a5a00}.tone-red{background:#fbe5e1;color:#a53b2d}.tone-violet{background:#eee6f5;color:#68478a}.tone-cyan{background:#dff3f3;color:#247474}.tool strong,.tool small{display:block}.tool small{margin-top:6px;color:var(--muted);line-height:1.4}.arrow{color:#8a9892}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.trust div{min-height:145px;padding:38px 5vw;background:var(--soft)}.trust span{display:block;margin-top:10px;color:var(--muted);font-size:14px;line-height:1.5}.yoor{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;max-width:1180px;margin:auto;padding:72px 28px}.links{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.links a,.links div{display:flex;justify-content:space-between;padding:16px;background:#fff;color:var(--muted);font-size:14px}.links a:hover,.links a:focus-visible{color:var(--navy);background:#f4f8fb}.workspace{max-width:900px;margin:45px auto 70px;padding:0 24px}.back{min-height:44px;display:inline-flex;align-items:center;margin-bottom:28px;color:var(--green);font-weight:700}.workspace h1{margin:0;font-size:40px}.desc{color:var(--muted)}.panel{margin-top:24px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:6px}.panel label{display:grid;gap:8px;color:#43524c;font-size:13px;font-weight:700}textarea{width:100%;min-height:190px;resize:vertical;padding:16px;background:#fbfcfb;border:1px solid #bdcbc4;border-radius:5px;outline:none;font-family:Consolas,monospace;line-height:1.5}textarea:focus{border-color:var(--green)}.action,.copy{min-height:44px;margin:16px 0;padding:0 18px;border:0;border-radius:5px;cursor:pointer;font-weight:700}.action{color:#fff;background:var(--green)}.copy{color:var(--navy);background:#e7eef2}.copy:disabled{opacity:.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line)}.stats div{padding:26px;background:#fff}.stats strong,.stats span{display:block}.stats strong{font-size:32px}.stats span{color:var(--muted);font-size:13px}.error{padding:12px;color:#922f22;background:#fbe5e1;border-radius:5px}footer{display:flex;justify-content:space-between;padding:24px 5vw;color:#d9e5df;background:#17211d;font-size:13px}@media(max-width:760px){header{flex-wrap:wrap;padding-block:16px;gap:12px}.brand{min-height:44px}nav{display:flex;width:100%;justify-content:space-between;gap:12px;font-size:12px}nav a{min-height:44px;display:flex;align-items:center}.back{min-height:44px;display:inline-flex;align-items:center}.search input{min-height:44px}.tabs button,.modes button{min-height:44px}.hero h1{font-size:46px}.tools-head{align-items:start;flex-direction:column}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.tabs button{width:100%;padding-inline:8px;white-space:normal}.grid,.trust,.yoor{grid-template-columns:1fr}.tool:nth-child(even){border-left:0}.yoor{gap:32px}.stats{grid-template-columns:1fr}}
:root{--ink:#18231f;--muted:#586861;--line:#cbd7d1;--soft:#e8eeeb;--green:#07734f;--accent:#10a36f;--navy:#203b4b;--header:#20312c}body{background:#f7f9f8}header{position:sticky;top:0;z-index:20;min-height:58px;padding:0 max(4vw,24px);color:#f5faf7;background:var(--header);border-bottom-color:#31473f;box-shadow:0 4px 18px rgba(15,28,23,.14)}.brand{font-size:20px}.brand b{width:32px;height:32px;background:var(--accent)}.brand span{color:#77dfb8}nav{gap:6px;color:#cfddd7}nav a{padding:0 12px;border-bottom:2px solid transparent}nav a:hover,nav a:focus-visible{color:#fff;border-bottom-color:var(--green)}.hero{padding:34px max(5vw,28px) 30px;background:#dfe8e3}.hero h1{font-size:46px}.hero>div>p:nth-child(3){margin:10px 0 20px;font-size:17px}.search{max-width:760px;height:52px;border-color:#aebfb7;box-shadow:0 6px 18px rgba(23,45,36,.08)}.tools{padding:34px 28px 46px}.tools-head{align-items:center}.tools h2,.yoor h2{font-size:27px}.tabs{margin:18px 0 14px}.tabs button,.modes button{background:#f9fbfa;border-color:#c1cec8}.tabs button[aria-pressed="true"],.modes button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy)}.tool{min-height:84px;gap:13px;padding-top:13px;padding-bottom:13px}.tool:nth-child(even){padding-left:20px}.icon{width:42px;height:42px}.tool small{margin-top:3px;font-size:13px}.trust div{min-height:112px;padding:25px 5vw;background:#e5ece8}.yoor{gap:48px;padding:46px 28px}.links a,.links div{padding:13px 15px;background:#f9fbfa}footer{padding:18px max(4vw,24px);background:var(--header)}.workspace{margin-top:32px;margin-bottom:46px}.panel{padding:20px;box-shadow:0 8px 24px rgba(23,45,36,.07)}@media(max-width:760px){header{padding:8px 18px;gap:4px}nav{order:2;gap:2px;overflow-x:auto;justify-content:flex-start}nav a{flex:1;justify-content:center;padding:0 8px;white-space:nowrap}.hero{padding:26px 20px 24px}.hero h1{font-size:40px}.hero>div>p:nth-child(3){font-size:16px}.tools{padding:26px 20px 38px}.tools-head{gap:10px}.tabs{margin:14px 0 10px}.tool{min-height:80px;padding:12px 0}.trust div{min-height:auto;padding:22px 20px}.yoor{padding:34px 20px}.workspace{margin-top:26px;padding-inline:14px}.panel{padding:16px}}
.error-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.error-page main{display:flex;align-items:center}.error-page .workspace{width:100%;margin-top:32px;margin-bottom:32px}@media(max-width:760px){.error-page main{align-items:flex-start}}
.app-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-page #app{min-width:0}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool:nth-child(even){border-left:0}.tool:not(:nth-child(3n+1)){border-left:1px solid var(--line)}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool:not(:nth-child(3n+1)){border-left:0}.tool:nth-child(even){border-left:1px solid var(--line)}}@media(max-width:760px){.grid{grid-template-columns:1fr}.tool:nth-child(even){border-left:0}}
@media(max-width:760px){.workspace h1{font-size:32px;line-height:1.15}.workspace .back{margin-bottom:18px}.workspace .panel{margin-top:18px}}