.effect-hero h1{margin-bottom:8px}.effect-tagline{text-align:center;color:var(--pink-dark);font-size:20px;font-weight:650;margin:0 0 12px;letter-spacing:-.3px}.effect-hero .hero-description{max-width:750px;margin:0 auto 30px}.effect-adjustments{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.effect-adjustments select{display:block;width:100%;margin-top:8px;border:1px solid #dfdbe5;background:white;color:#49414f;padding:9px 10px;border-radius:8px;font-size:12px}.effect-adjustments .download{align-self:end;min-height:39px}.effect-adjustments label{min-width:0}.palette-preview{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:14px 4px 0}.palette-preview .palette-label{font-size:11px;margin-right:7px;color:var(--muted)}.palette-preview i{display:block;width:20px;height:20px;border-radius:4px;border:1px solid #0002}.effect-explainer .section-intro{max-width:830px;margin:auto}.effect-explainer .section-intro>p{font-size:15px;margin-top:18px}.effect-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}.effect-tips h3{font-size:18px;margin:0 0 10px;line-height:1.4}.effect-tips p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.related-tools{padding-top:0}.related-tools h2{font-size:28px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.related-grid h3{font-size:18px;margin:0 0 10px}.related-grid h3 a:hover{color:var(--pink-dark)}.related-grid h3 span{color:var(--pink-dark)}.related-grid p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.header nav a[aria-current=page]{color:var(--pink-dark)}.effect-hero .utility-actions{gap:14px}.tool-directory h2 a:hover{color:var(--pink-dark)}.tool-directory{border-top:1px solid var(--line)}.tool-directory>h2{text-align:center}.tool-directory .directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.directory-grid article>img{width:100%;aspect-ratio:1.3;object-fit:cover;object-position:center;border-radius:16px;background:#f8f2fb}.directory-grid article>h2{font-size:23px;text-align:left;margin:20px 0 10px}.directory-grid article>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 15px}.directory-grid .text-link{display:inline-flex}@media(max-width:950px){.header nav{gap:14px}.header nav a{font-size:12px}.effect-hero .editor-actions{align-items:start}.effect-hero .utility-actions{flex-wrap:wrap}.effect-tips{gap:20px}.related-grid{gap:20px}}@media(max-width:650px){.effect-tagline{font-size:17px}.effect-hero .hero-description{font-size:13px;margin-bottom:24px}.effect-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.effect-adjustments .format-label{grid-column:auto}.effect-adjustments .download{grid-column:auto;white-space:normal}.effect-hero .drop-zone p{max-width:90%;text-align:center}.effect-hero .utility-actions{gap:10px;justify-content:space-between}.effect-hero .utility-actions button{font-size:11px}.effect-tips,.related-grid,.tool-directory .directory-grid{grid-template-columns:1fr;gap:27px}.effect-tips{margin-top:28px;padding-top:25px}.related-tools{padding-top:0}.effect-tips h3{font-size:19px}.effect-explainer .section-intro>p{font-size:14px;text-align:left}.related-tools h2{font-size:26px}.directory-grid article>h2{font-size:24px}.effect-hero .status-line{flex-wrap:wrap}.effect-hero .hero-grid{gap:20px}}
/* White labels need a deeper pink fill at small text sizes. */
body[data-tool] .upload-button,body[data-tool] .pink-button,body[data-tool] .tag-after{background:var(--pink-dark)}
body[data-tool] .drop-zone:hover .upload-button,body[data-tool] .pink-button:hover{background:#b91e57}
body[data-tool] .privacy{color:#716975}
/* Directory photos sit inside links, not directly inside the article. */
.directory-grid article{min-width:0}.directory-grid article>a:first-child{display:block}.directory-grid article>a>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;object-position:center;border-radius:16px;background:#f8f2fb}