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

.poster-modes{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 10px}.poster-modes button,.palette-paging 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}.poster-modes [aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff}.mode-description,.control-help,.palette-note,.palette-heading p,.palette-paging,.dither-control small{font:400 13px/1.6 var(--fp);color:var(--sub)}.mode-description{margin:0}.poster-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1.25fr) minmax(0,1fr) auto;align-items:center}.control-help{display:block;margin-top:12px}.dither-control>span{display:flex;align-items:center;gap:10px}.dither-control input[type=checkbox]{display:inline-block;width:20px;height:20px;margin:0;accent-color:var(--pink)}.dither-control small{display:block;margin-top:10px}.poster-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.palette-panel{margin:24px 0 0;padding:24px;border:1px solid var(--line);border-radius:24px}.palette-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.palette-heading h2{font:700 18px/1.3 var(--fh);margin:0 0 6px}.palette-heading p{margin:0}.palette-paging{display:flex;align-items:center;gap:10px}.palette-paging button{padding:8px 14px}.palette-paging button:disabled{opacity:.45;cursor:default}.palette-colors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;background:white;border:1px solid var(--line);border-radius:16px;padding:6px;min-height:70px;font:400 12px/1.4 var(--fp);color:var(--ink);cursor:pointer}.color-swatch:hover{border-color:var(--pink)}.color-swatch i{width:100%;height:30px;display:block;background:var(--swatch);border-radius:16px}.palette-note{margin:16px 0 0}#paletteMessage{font:400 13px/1.6 var(--fp);margin:8px 0 0;min-height:1.6em}.poster-guidance .section-intro{max-width:800px;margin:0 auto 32px}.poster-guidance .section-intro p{color:var(--sub);max-width:70ch}.poster-guidance>.text-link{display:block;text-align:center}.poster-guidance .guidance-figure{margin-top:32px}.processed canvas{image-rendering:auto}.color-swatch:focus-visible,.palette-paging button:focus-visible,.poster-modes button:focus-visible{outline:3px solid var(--pink);outline-offset:3px}@media(max-width:860px){.poster-controls{grid-template-columns:1fr}.palette-heading{align-items:flex-start;flex-direction:column}.palette-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.palette-panel{padding:16px}.poster-modes button{padding:10px 14px}.poster-controls .download{width:100%}}