.half-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)}.half-how .steps{grid-template-columns:repeat(4,minmax(0,1fr))}.half-how .steps h3{font-size:18px}.half-features{max-width:1160px;padding:52px 20px;margin:auto}.half-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)}.half-features article:nth-child(2){background:var(--t3)}.half-features article:nth-child(3){background:var(--t2)}.half-features article:nth-child(4){background:var(--t1)}.half-features h2{font:800 var(--h2)/1.2 var(--fh);letter-spacing:-.01em;margin:0 0 20px}.half-features p{color:var(--sub);margin:0 0 24px}.half-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}.half-facts>h2{max-width:680px;text-align:center}.half-facts .effect-tips{border:0;padding:0}.half-facts p{max-width:65ch}.half-guidance .section-intro>p{text-align:left}body[data-tool=halftone]{--tint:var(--t3)}
@media(max-width:860px){.half-how .steps{grid-template-columns:1fr}.half-features{padding:36px 16px}.half-features article{grid-template-columns:1fr;gap:28px;padding:40px 16px;margin:20px -4px;border-radius:28px}.half-facts .effect-tips{grid-template-columns:1fr}}

.half-presets,.half-shapes{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.half-presets{margin:24px 0 10px}.half-shapes{margin:22px 0}.half-shapes>span{font:600 13px/1.4 var(--fh);margin-right:8px}.half-presets button,.half-shapes button{font:600 13px/1.4 var(--fh);padding:10px 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);min-height:44px;cursor:pointer}.half-presets [aria-pressed=true],.half-shapes [aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff}.mode-description,.half-controls small,.half-scale{font:400 13px/1.6 var(--fp);color:var(--sub)}.mode-description{margin:0}.half-controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.half-controls small{display:block;margin-top:10px}.half-scale{display:flex;justify-content:space-between;margin-top:10px}.half-controls input[type=color]{display:block;width:100%;height:42px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:4px;margin:14px 0 0;cursor:pointer}.transparent-control>span{display:flex;gap:10px;align-items:center}.half-controls input[type=checkbox]{display:inline-block;width:20px;height:20px;margin:0;accent-color:var(--pink)}.half-controls .download{align-self:end}.half-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.half-guidance .section-intro{max-width:800px;margin:0 auto 32px}.half-guidance p{color:var(--sub);max-width:70ch}.half-features article:nth-child(5){background:var(--t4)}.half-features article:nth-child(6){background:var(--t2)}.processed canvas{image-rendering:auto}@media(max-width:860px){.half-controls{grid-template-columns:1fr}.half-controls .download{width:100%}.half-presets button,.half-shapes button{padding:10px 14px}}
