.jpeg-badges{text-align:center;font:400 13px/1.6 var(--fp);color:var(--sub);margin:24px 0}.bleed-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bleed-toggle input{accent-color:var(--pink);width:20px;height:20px}.bleed-toggle span{width:100%;font:400 13px/1.6 var(--fp);color:var(--sub)}.jpeg-how .steps{grid-template-columns:repeat(4,minmax(0,1fr))}.jpeg-how .steps h3{font-size:18px}.jpeg-features{max-width:1160px;padding:52px 20px;margin:auto}.jpeg-features article{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 48px;margin:20px 0;border-radius:40px;background:var(--t4)}.jpeg-features article:nth-child(2){background:var(--t3)}.jpeg-features article:nth-child(3){background:var(--t2)}.jpeg-features article:nth-child(4){background:var(--t1)}.jpeg-features h2{font:800 var(--h2)/1.2 var(--fh);letter-spacing:-.01em;margin:0 0 20px}.jpeg-features p{color:var(--sub);margin:0 0 24px}.jpeg-features img{display:block;width:100%;height:auto;border-radius:24px;object-fit:contain;background:var(--soft)}.guidance-figure{margin:0 auto;max-width:1080px}.guidance-figure img{display:block;width:100%;height:auto;border-radius:24px;background:var(--soft)}.guidance-figure figcaption{font:400 13px/1.6 var(--fp);color:var(--sub);margin-top:16px}.jpeg-facts>h2{max-width:680px;text-align:center}.jpeg-facts .effect-tips{border:0;padding:0}.jpeg-facts p{max-width:65ch}.jpeg-guidance .section-intro>p{text-align:left}body[data-tool=jpeg]{--tint:var(--t3)}
@media(max-width:860px){.jpeg-how .steps{grid-template-columns:1fr}.jpeg-features{padding:36px 16px}.jpeg-features article{grid-template-columns:1fr;gap:28px;padding:40px 16px;margin:20px -4px;border-radius:28px}.jpeg-facts .effect-tips{grid-template-columns:1fr}}