.sh-image-tool-page{max-width:1180px;margin:0 auto;padding:28px 20px 70px}.sh-image-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:14px;margin-bottom:24px}.sh-image-hero{text-align:center;margin-bottom:30px}.sh-image-kicker{font-size:12px;font-weight:800;letter-spacing:.12em}.sh-image-hero h1{font-size:clamp(32px,5vw,56px);margin:8px 0 12px}.sh-image-hero p{max-width:760px;margin:0 auto;line-height:1.7}.sh-image-trust{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:13px}.sh-image-workspace{border:1px solid rgba(127,127,127,.25);border-radius:20px;padding:22px;background:rgba(127,127,127,.05)}.sh-image-drop{min-height:280px;border:2px dashed rgba(127,127,127,.45);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;cursor:pointer}.sh-image-drop.is-dragover{border-style:solid}.sh-image-drop h2{margin:8px 0}.sh-image-drop p{margin:2px}.sh-image-drop small{display:block;margin-top:12px;opacity:.7}.sh-image-drop-icon{font-size:42px}.sh-image-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:18px}.sh-image-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.sh-image-controls select,.sh-image-controls input[type=range],.sh-image-controls input[type=color]{min-height:40px}.sh-image-controls input[type=color]{width:70px}.sh-image-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid rgba(127,127,127,.35);border-radius:9px;text-decoration:none;cursor:pointer;background:transparent;color:inherit}.sh-image-button.sh-image-primary{border:0;background:#6c63ff;color:#fff}.sh-image-button:disabled{opacity:.6;cursor:not-allowed}.sh-image-file-list,.sh-image-results{display:grid;gap:10px;margin-top:18px}.sh-image-file,.sh-image-result{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-radius:12px;border:1px solid rgba(127,127,127,.2);background:rgba(127,127,127,.04)}.sh-image-file small,.sh-image-result span{opacity:.7;font-size:13px}.sh-image-result>div{display:flex;flex-direction:column;gap:3px}.sh-image-error{border-color:#d33}.sh-image-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0}.sh-image-info-grid article,.sh-image-seo-content{border:1px solid rgba(127,127,127,.18);border-radius:15px;padding:22px}.sh-image-info-grid h2{font-size:20px;margin:8px 0}.sh-image-seo-content{line-height:1.75}.sh-image-seo-content h2{margin-top:28px}.sh-image-faq h3{margin-bottom:3px}@media(max-width:760px){.sh-image-info-grid{grid-template-columns:1fr}.sh-image-controls{align-items:stretch;flex-direction:column}.sh-image-controls>*{width:100%}.sh-image-result{align-items:flex-start;flex-direction:column}}

/* Image Tools SEO hub */
.sh-image-hub{padding:28px 20px 80px}.sh-image-hub .sh-container{max-width:1180px;margin:0 auto}.sh-image-hub-hero{text-align:center;max-width:900px;margin:0 auto 48px}.sh-image-hub-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:10px 0 16px}.sh-image-hub-hero>p{max-width:820px;margin:0 auto;line-height:1.75;font-size:17px}.sh-image-hub-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.sh-image-hub-pills span{padding:8px 12px;border:1px solid rgba(127,127,127,.2);border-radius:999px;font-size:13px}.sh-image-hub-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:8px}.sh-image-hub-section-heading h2{margin:6px 0 0}.sh-image-tool-count{font-size:13px;opacity:.7}.sh-image-hub-intro{line-height:1.7;max-width:850px}.sh-image-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.sh-image-hub-card{display:flex;gap:15px;border:1px solid rgba(127,127,127,.2);border-radius:16px;padding:20px;background:rgba(127,127,127,.035);transition:transform .18s ease,box-shadow .18s ease}.sh-image-hub-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.07)}.sh-image-hub-card-icon{font-size:30px;line-height:1}.sh-image-hub-card h3{margin:0 0 8px;font-size:19px}.sh-image-hub-card h3 a{text-decoration:none}.sh-image-hub-card p{font-size:14px;line-height:1.6;margin:0 0 12px}.sh-image-hub-card-link{font-weight:700;text-decoration:none}.sh-image-hub-content{max-width:980px;margin:60px auto 0;line-height:1.78}.sh-image-hub-content h2{margin:42px 0 12px;line-height:1.25}.sh-image-hub-content h3{margin:24px 0 5px}.sh-image-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sh-image-format-grid article{border:1px solid rgba(127,127,127,.18);border-radius:14px;padding:18px}.sh-image-format-grid h3{margin:0 0 7px}.sh-image-format-grid p{margin:0;font-size:14px}.sh-image-benefit-list{padding-left:22px}.sh-image-benefit-list li{margin:9px 0}.sh-image-hub-final-cta{text-align:center;margin-top:50px;padding:30px;border:1px solid rgba(127,127,127,.2);border-radius:18px}.sh-image-hub-final-cta h2{margin-top:0}.sh-image-hub-final-cta p{margin-bottom:18px}.sh-image-hub-final-cta .sh-image-button{display:inline-flex}@media(max-width:900px){.sh-image-hub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sh-image-hub{padding-left:15px;padding-right:15px}.sh-image-hub-grid,.sh-image-format-grid{grid-template-columns:1fr}.sh-image-hub-section-heading{align-items:flex-start;flex-direction:column}.sh-image-hub-hero>p{font-size:15px}}

/* v1.1.2: make the canonical hub content resilient to theme page styles. */
.sh-image-hub-tools,
.sh-image-hub-content,
.sh-image-hub-grid,
.sh-image-hub-card { visibility: visible !important; opacity: 1 !important; }
.sh-image-hub-grid { display: grid !important; }
.sh-image-hub-card { min-width: 0; }

/* v1.1.9: visible internal-link styling and native Rank Math FAQ block styling. */
a.sh-image-internal-link,
.sh-image-related-tools a.sh-image-internal-link {
  color: #2563eb !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  font-weight: 600;
}
a.sh-image-internal-link:hover,
.sh-image-related-tools a.sh-image-internal-link:hover {
  color: #1d4ed8 !important;
}
.sh-image-related-tools { margin: 14px 0 0; padding-left: 22px; }
.sh-image-related-tools li { margin: 9px 0; line-height: 1.65; }
.sh-image-related-description { color: inherit; opacity: .82; }
.sh-image-rankmath-faq { margin: 20px 0 10px; }
.sh-image-rankmath-faq .rank-math-list-item { margin: 0 0 18px; }
.sh-image-rankmath-faq .rank-math-question { margin: 0 0 7px; font-size: 1.05em; }
.sh-image-rankmath-faq .rank-math-answer { line-height: 1.75; }