:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20243b;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1120px;margin:auto;padding-left:24px;padding-right:24px}.site-header{border-bottom:1px solid #ececf5;background:#fff}.nav{height:74px;display:flex;align-items:center;gap:45px}.brand{font-size:23px;font-weight:850;letter-spacing:-1.1px;white-space:nowrap}.brand span:last-child{color:#6555e8}.brandmark{display:inline-flex;align-items:center;justify-content:center;background:#6555e8;color:#fff;border-radius:10px;width:35px;height:35px;margin-right:8px}.nav nav{display:flex;gap:27px;font-size:14px;color:#555b70}.freepill{margin-left:auto;background:#effbf5;color:#17804b;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:700}.hero{text-align:center;padding:87px 0 84px;background:radial-gradient(ellipse at 50% 30%,#eae6ff 0,#f6f5ff,#fff 80%)}.tag{display:inline-block;border:1px solid #e4dfff;background:#f6f3ff;color:#6650d4;border-radius:30px;padding:8px 15px;font-size:12px;font-weight:750}.hero h1{font-size:clamp(40px,6vw,66px);line-height:1.1;letter-spacing:-2.8px;margin:23px 0 18px}.hero h1 em{font-style:normal;color:#6654e7}.hero p{max-width:580px;margin:0 auto 28px;color:#687087;font-size:17px;line-height:1.65}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:#6754e9;color:#fff;border-radius:10px;padding:14px 22px;font-weight:750;box-shadow:0 5px 14px #6555e824}.primary:hover{background:#5140d5}.primary:disabled{opacity:.55;cursor:wait}.hero-button{padding:15px 26px}.trust{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:25px;color:#657089;font-size:13px}.tools-section{padding-top:65px;padding-bottom:85px}.eyebrow{font-size:11px;font-weight:850;color:#6754e9;letter-spacing:1.8px}.sectionhead h2,.how h2,.note h2{font-size:32px;letter-spacing:-.8px;margin:10px 0}.sectionhead p,.note p{color:#747b8e;line-height:1.7}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.toolcard{border:1px solid #e9eaf1;border-radius:16px;padding:25px;background:#fff;transition:transform .2s,box-shadow .2s}.toolcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1b1a3714}.toolicon{height:47px;width:47px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:26px;font-weight:800}.tone0{background:#eee9ff;color:#7357df}.tone1{background:#e5f3ff;color:#3482db}.tone2{background:#e6f9ed;color:#25965c}.tone3{background:#fff1e6;color:#e08b37}.toolcard h3{font-size:17px;margin:19px 0 8px}.toolcard p{color:#778095;font-size:13px;line-height:1.6;min-height:61px}.tool-link{color:#6555e8;font-size:13px;font-weight:750}.how{background:#f7f8fc;padding:67px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.steps>div{background:#fff;border-radius:15px;padding:25px}.steps b{color:#6555e8}.steps p{color:#778095;font-size:14px;line-height:1.6}.note{padding-top:70px;padding-bottom:80px;text-align:center;max-width:750px}footer{background:#1e2138;color:#fff;padding:40px 0}.foot{display:flex;align-items:center;justify-content:space-between}.foot p{color:#b2b7c7;font-size:13px}.foot>div:last-child{color:#c5c9d9;font-size:13px}.toolpage{max-width:960px;padding-top:38px;padding-bottom:80px}.breadcrumbs{color:#858aa0;font-size:13px;margin-bottom:28px}.breadcrumbs a{color:#6555e8}.toolpage h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.5px;margin:17px 0 10px}.lede{color:#778095;line-height:1.65;font-size:16px;margin-bottom:30px}.toolbox{background:#fff;border:1px solid #e7e7f2;border-radius:20px;padding:24px;box-shadow:0 12px 35px #1e1a5510}.drop{background:#faf9ff;border:2px dashed #c9c3f7;border-radius:14px;padding:33px;display:flex;align-items:center;gap:12px;flex-direction:column;text-align:center}.drop strong{font-size:17px}.drop span{color:#83889c;font-size:13px}.upload{margin-top:4px;position:relative;overflow:hidden;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.previewgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.previewgrid>div{background:#f8f9fc;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.previewgrid img{width:100%;height:205px;object-fit:contain;background:#eef0f5;border-radius:8px}.placeholder{height:205px;display:grid;place-items:center;text-align:center;color:#8a90a4;font-size:13px}.previewgrid small{color:#7d8397}.settings{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:22px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:700}.field input,.field select{border:1px solid #d9dce9;border-radius:8px;padding:11px;width:160px}.check{display:flex;gap:8px;align-items:center;font-size:13px;padding-bottom:12px}.format{margin-top:22px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.secondary{display:inline-flex;gap:8px;align-items:center;border:1px solid #c9c4f4;color:#5846d0;padding:13px 18px;border-radius:10px;font-weight:750}.ghost{border:0;background:transparent;color:#777e93;display:inline-flex;gap:5px;align-items:center;padding:12px}.success{background:#ebfaf2;color:#177547;padding:12px;border-radius:9px;font-size:13px}.error{background:#fff0ef;color:#a82d2d;padding:12px;border-radius:9px;font-size:13px}.privacy{display:flex;gap:7px;align-items:center;color:#79849a;font-size:12px;margin:20px 0 0}.explainer{padding:36px 8px;line-height:1.8}.explainer h2{font-size:23px;margin-top:28px}.explainer p{color:#687087}.related{display:flex;gap:12px;flex-wrap:wrap}.related a{border:1px solid #e5e4f3;padding:9px 12px;border-radius:8px;color:#6150d5;font-size:13px}@media(max-width:760px){.nav{gap:16px;height:66px}.nav nav{display:none}.freepill{font-size:10px}.hero{padding:66px 0}.hero h1{letter-spacing:-1.5px}.toolgrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.foot{gap:20px;flex-wrap:wrap}}@media(max-width:520px){.toolgrid,.previewgrid{grid-template-columns:1fr}.toolcard p{min-height:0}.toolbox{padding:14px}.drop{padding:22px 10px}.brand{font-size:19px}.freepill{display:none}}.comparison{margin-top:24px;border:1px solid #e7e7f2;border-radius:14px;padding:16px;background:#fff}.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.comparison-heading span{font-size:12px;color:#778095}.compare-stage{height:clamp(220px,40vw,390px);position:relative;overflow:hidden;border-radius:10px;background:#eef0f5}.compare-stage>img,.compare-overlay img{width:100%;height:100%;object-fit:contain;display:block}.compare-overlay{position:absolute;inset:0}.compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 4px #20243b;pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#6754e9;color:#fff;padding:9px;font-weight:700}.compare-label{position:absolute;top:12px;background:#20243bcc;color:#fff;font-size:11px;padding:5px 9px;border-radius:6px}.compare-label.left{left:12px}.compare-label.right{right:12px}.compare-control{display:flex;align-items:center;gap:12px;margin-top:14px;color:#555b70;font-size:12px}.compare-control input{flex:1;accent-color:#6754e9}.compare-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:#555b70;font-size:12px}.compare-stats strong{color:#177547}.encoder-settings{margin-top:22px}.encoder-settings>strong{display:block;margin-bottom:10px;font-size:14px}.encoder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.encoder-options label{display:flex;align-items:flex-start;gap:10px;border:1px solid #dedcf0;border-radius:12px;padding:14px;cursor:pointer;background:#fff}.encoder-options label:has(input:checked){border-color:#6754e9;background:#f7f5ff;box-shadow:0 0 0 1px #6754e9}.encoder-options input{margin-top:3px;accent-color:#6754e9}.encoder-options span{display:flex;flex-direction:column;gap:5px}.encoder-options small{font-size:12px;color:#737b90;line-height:1.45}.size-notice{margin-top:18px;border:1px solid #e9c76d;background:#fffaf0;color:#654c16;padding:14px 16px;border-radius:12px}.size-notice p{font-size:13px;line-height:1.5;margin:8px 0}.size-notice .check{padding:0}@media(max-width:520px){.encoder-options{grid-template-columns:1fr}}.compare-stage>img,.compare-overlay img{transform-origin:center center}.compare-zoom{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:#555b70;flex-wrap:wrap}.compare-zoom input{flex:1;min-width:120px;accent-color:#6754e9}.compare-hint{font-size:12px;color:#747b8e;line-height:1.5;margin:8px 0 0}.compare-modes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.compare-modes button{border:1px solid #dedcf0;background:#fff;color:#555b70;border-radius:8px;padding:8px 11px;font-size:12px}.compare-modes button.selected{background:#6754e9;color:#fff;border-color:#6754e9}.compare-modes button:disabled{opacity:.5;cursor:not-allowed}.compare-stage{user-select:none}.compare-stage img{pointer-events:none}.batch-settings{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-top:22px}.batch-settings .check{padding-bottom:11px}.batch-summary{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.batch-list{display:flex;flex-direction:column;gap:9px;margin-top:10px}.batch-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e7e7f2;background:#fafbff;padding:12px;border-radius:11px}.batch-item>div:first-child{min-width:0}.batch-item strong{font-size:13px;overflow-wrap:anywhere}.batch-item small{display:block;color:#778095;font-size:12px;margin-top:5px}.batch-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.batch-item-actions .secondary{padding:9px 12px;font-size:12px;background:#fff}@media(max-width:600px){.batch-item{align-items:flex-start;flex-direction:column}.batch-item-actions{width:100%}}.skip-link{position:absolute;left:12px;top:-80px;z-index:1000;padding:12px 18px;background:#20243b;color:#fff;border-radius:8px}.skip-link:focus{top:12px}:where(a,button,input,select):focus-visible{outline:3px solid #6555e8;outline-offset:3px}button,.primary,.secondary,.ghost,.batch-settings .field input,.batch-settings .field select{min-height:44px}@media(max-width:760px){.container{padding-left:16px;padding-right:16px}.toolpage{padding-top:24px;padding-bottom:50px}.toolpage h1{font-size:clamp(29px,7vw,40px)}.breadcrumbs{margin-bottom:18px}.nav{gap:12px}.nav nav{display:flex;gap:12px;margin-left:auto}.nav nav a{font-size:12px}.nav nav a:nth-child(2){display:none}.freepill{display:none}.toolbox{border-radius:14px}.batch-settings{align-items:stretch}.batch-settings .field{flex:1 1 145px}.batch-settings .field input,.batch-settings .field select{width:100%}.batch-settings .check{flex:1 1 100%;padding-bottom:0}.compare-stage{height:clamp(230px,55vw,360px)}.compare-modes button{flex:1 1 43%;min-height:44px}.comparison{padding:12px}.actions>*{flex:1 1 auto;text-align:center}.foot{align-items:flex-start}}@media(max-width:520px){.brand{font-size:18px}.brandmark{width:31px;height:31px;margin-right:4px}.nav nav a{font-size:11px}.nav nav a:nth-child(3){display:none}.hero{padding:52px 0}.hero h1{font-size:39px}.toolpage .lede{font-size:15px}.drop{padding:22px 12px}.upload{width:100%;max-width:280px}.batch-item-actions{justify-content:space-between}.batch-item-actions .secondary{min-height:44px}.previewgrid img{height:230px}.encoder-options{grid-template-columns:1fr}.compare-stats{gap:8px}}@media(prefers-reduced-motion:reduce){.toolcard{transition:none}}.seo-content{max-width:850px}.seo-content ol,.seo-content ul{padding-left:24px;color:#596177}.seo-content li{padding-left:4px;margin:9px 0;line-height:1.7}.seo-content strong{color:#20243b}.seo-faq{display:grid;gap:10px;margin-top:18px}.seo-faq details{border:1px solid #e7e7f2;border-radius:12px;padding:0 17px;background:#fff}.seo-faq summary{font-weight:700;color:#20243b;padding:16px 2px;cursor:pointer;line-height:1.5}.seo-faq details[open] summary{border-bottom:1px solid #eeeef5}.seo-faq p{margin:12px 2px 16px}.seo-content .related{margin-top:16px}