:root{--ink:#18382f;--muted:#6d7d77;--green:#175d47;--line:#e0e7e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f7f9f6;color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #92bb51;outline-offset:4px}header{height:98px;max-width:1260px;margin:auto;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid var(--line)}.brand{font:800 29px Manrope,Arial;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.dot{color:#65a37b}.mark{background:var(--green);color:#fff;font-size:31px;border-radius:11px;width:38px;height:38px;line-height:32px;text-align:center;position:relative}.mark span{position:absolute;font-size:17px;right:0;top:-5px}nav{display:flex;gap:30px;margin-inline-start:auto;font-size:13px;font-weight:600}header select{border:0;background:transparent;color:var(--ink);max-width:110px;font-size:13px}.navcta{background:var(--green);color:#fff;padding:13px 19px;border-radius:8px;font-size:13px}main{max-width:1160px;margin:auto;padding:0 24px}.hero{text-align:center;padding:65px 0 35px;position:relative}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:block}.hero .eyebrow{display:inline-flex;gap:8px;align-items:center;background:#eaf0e8;border:1px solid #d9e3d4;padding:8px 13px;border-radius:30px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#4c8052}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(39px,5.1vw,64px);line-height:1.12;letter-spacing:-3px;margin:25px auto 20px;max-width:850px;font-weight:800}.hero>p{color:#4b6359;line-height:1.8;font-size:17px}.hero>p>span{color:var(--muted);font-size:14px}.drop{position:relative;z-index:1;background:#fff;border:1px dashed #9fb5a2;outline:8px solid #edf2eb;border-radius:17px;max-width:710px;margin:38px auto 25px;padding:28px 30px 24px;box-shadow:0 15px 40px #28473506}.drop.drag{background:#edf8ed;border-color:#175d47}.fileart{height:62px;display:flex;justify-content:center;align-items:center;gap:12px}.fileart span:first-child,.fileart span:last-child{background:#e9f1f8;border:1px solid #d0dce7;border-radius:7px;padding:16px 9px;font-size:10px;font-weight:700;transform:rotate(-10deg);box-shadow:0 6px 0 #e6ece6}.fileart span:last-child{background:#f2efe5;transform:rotate(10deg);border-color:#e2dac4}.fileart span:nth-child(2){color:#78917f;font-size:23px}.drop h2{font-size:20px;margin:15px 0 8px;letter-spacing:-.6px}.drop p{font-size:13px;color:var(--muted)}button.primary,.drop button{background:var(--green);border:0;color:#fff;border-radius:8px;padding:15px 30px;font-weight:600;margin:10px 0 14px;box-shadow:0 4px 9px #175d4718}.drop small{display:block;color:#8d9990;font-size:10px}.trust{display:flex;justify-content:center;gap:25px;color:var(--muted);font-size:11px;margin:28px 0 10px}.orb{position:absolute;z-index:-1;border:1px solid #dfe7db;border-radius:22px;width:75px;height:75px;transform:rotate(-15deg);top:240px;left:10px}.orb2{left:auto;right:10px;top:310px;width:55px;height:55px;transform:rotate(15deg);background:#edf1e2}section#tools{padding:50px 0}.sectiontop{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font:700 31px Manrope,Arial;letter-spacing:-1.1px;margin:13px 0 22px}.search{background:#fff;display:flex;gap:10px;border:1px solid var(--line);padding:11px 15px;border-radius:8px;margin-bottom:20px}.search input{border:0;outline:0;width:170px;background:transparent;font-size:12px}.filters{display:flex;gap:9px;margin:5px 0 24px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:7px;padding:10px 17px;background:transparent;font-size:12px;color:#607369}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.filters span{margin-left:8px;font-size:10px;opacity:.6}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}article{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;transition:transform .2s,box-shadow .2s}article:hover{transform:translateY(-4px);box-shadow:0 12px 25px #193c3010}article>a{display:block;padding:23px;min-height:173px}article h3{font-size:14px;font-weight:700;margin:19px 0 7px}article p{font-size:11px;color:#849087;margin:0}.icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:21px}.mint{background:#e5f0e7;color:#428065}.peach{background:#fcf0e5;color:#b27e49}.violet{background:#eeeafa;color:#8b75b3}.blue{background:#e8f0fa;color:#637fa2}.fav{position:absolute;right:15px;top:18px;background:none;border:0;color:#8c9a91;font-size:18px;padding:4px}.fav[aria-pressed=true]{color:#bf8d2c}.cardarrow{position:absolute;right:20px;bottom:23px;color:#809487}.privacy{background:#eaf0e6;border:1px solid #dce6d6;border-radius:17px;margin:24px 0 65px;padding:44px 55px;display:flex;justify-content:space-between;align-items:center}.privacy h2{font-size:35px;line-height:1.2}.privacy p{max-width:480px;color:#69806f;font-size:13px;line-height:1.9}.shield{width:150px;height:170px;border:1px solid #b8cdb5;border-radius:65px 65px 90px 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:50px;color:#55885d;background:#e0ebdb;transform:rotate(8deg);margin:0 60px}.shield small{font-size:8px;letter-spacing:2px;text-align:center;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:30px 0 65px}.steps b{color:#86a18a;font:500 26px Manrope}.steps h3{font-size:16px}.steps p{font-size:13px;line-height:1.8;color:var(--muted)}#faq{max-width:780px;margin:0 auto 80px}#faq>.eyebrow,#faq>h2{text-align:center}details{border-bottom:1px solid var(--line);padding:18px 2px}summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between}summary span{color:#789080}details p{font-size:13px;line-height:1.9;color:var(--muted);max-width:690px}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:35px 25px 28px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted)}footer>div:last-of-type{margin-left:auto;display:flex;gap:20px;font-size:11px}footer small{flex-basis:100%;color:#89968c;font-size:10px}.toolhero{padding:55px 0 20px;text-align:center}.toolhero>a{color:var(--muted);font-size:13px}.toolhero h1{font-size:43px}.toolhero p{color:var(--muted)}.workspace{max-width:800px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;margin:15px auto 70px;min-height:330px}.workspace textarea{display:block;width:100%;min-height:190px;padding:15px;border:1px solid var(--line);border-radius:8px;resize:vertical;font-family:monospace;margin:15px 0;color:var(--ink);background:#fafbf9}.workspace input:not([type=file]),.workspace select{padding:10px;border:1px solid var(--line);border-radius:6px;max-width:100%;margin:8px}.workspace label{font-size:13px}.workspace button{padding:11px 20px;margin:6px;border:1px solid var(--line);border-radius:6px;background:#f0f5ed;color:var(--ink)}.workspace button.primary{background:var(--green);color:#fff}.workspace canvas{max-width:100%;max-height:300px;object-fit:contain}.workspace output{display:block;background:#f0f5ed;padding:15px;border-radius:7px;overflow-wrap:anywhere;white-space:pre-wrap;min-height:45px;margin:15px 0;line-height:1.7}.workspace .error{color:#a33535}.workspace input[type=file]{max-width:100%;margin-bottom:20px}.workspace .download{display:inline-block;background:var(--green);padding:13px 25px;color:white;border-radius:7px}.note{font-size:12px;color:var(--muted);line-height:1.8}[hidden]{display:none!important}@media(max-width:850px){header{gap:15px}nav{gap:15px}.grid{grid-template-columns:repeat(3,1fr)}.shield{margin:0 15px}.hero{padding-top:45px}}@media(max-width:620px){header{height:78px;padding:0 20px}.brand{font-size:25px}header nav,.navcta{display:none}header select{margin-inline-start:auto}h1{letter-spacing:-1.6px}.hero>p{font-size:14px}.drop{padding:23px 15px}.trust{gap:12px;font-size:9px;flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr);gap:10px}article>a{padding:18px;min-height:165px}article h3{font-size:13px}.sectiontop{display:block}.search input{width:100%}.search{max-width:100%}h2{font-size:27px}.privacy{padding:30px 25px}.privacy h2{font-size:29px}.shield{display:none}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin:10px 0}.steps p{margin:0}.orb{display:none}footer>div:last-of-type{margin-left:0}.workspace{padding:18px}.toolhero h1{font-size:34px}}

body{font-family:"Segoe UI",Arial,sans-serif}.toolinfo{max-width:800px;margin:0 auto 65px}.toolinfo>p{font-size:14px;line-height:1.9;color:#52695d}.prose p{line-height:2}.selectedFiles{padding-inline-start:20px;color:#52695d;font-size:13px}.selectedFiles li{padding:5px 0;overflow-wrap:anywhere}.selectedFiles button{padding:3px 10px}.workspace progress{width:100%;accent-color:#175d47;margin:15px 0}.workspace input[type=number]{width:115px}.workspace label{display:inline-block;margin-block:5px}.workspace .options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workspace .options .note{flex-basis:100%}.workspace .actions{display:flex;gap:7px;flex-wrap:wrap}.workspace .actions button{margin:5px 0}.workspace .controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.workspace button:disabled{opacity:.55;cursor:default}.workspace .download{margin-top:12px}.note{color:#52695d}article p{color:#65756b}.fav{inset-inline-end:15px;right:auto}.cardarrow{inset-inline-end:20px;right:auto}.hero h1{max-width:820px}.toolhero h1{overflow-wrap:anywhere}footer>div:last-of-type{flex-wrap:wrap}.privacy h2{max-width:450px}html[dir=rtl] .mark{direction:ltr}.related{font-weight:600;color:#175d47}input[type=file]::file-selector-button{font:inherit;color:#175d47;background:#edf2eb;border:1px solid #dce6d6;padding:10px 14px;border-radius:7px;margin-inline-end:10px;cursor:pointer}@media(max-width:620px){.workspace .options{display:block}.workspace .options label{display:block}.workspace .options input,.workspace .options select{margin-inline-start:0}.filters{gap:6px}.filters button{padding:9px 12px}.hero h1{font-size:43px}.workspace{overflow:hidden}}