.seo-shell{width:min(1040px,calc(100% - 32px));margin:0 auto}.seo-hero{padding:64px 0 30px}.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:center}.seo-hero h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;margin:14px 0 16px}.seo-hero p{color:var(--muted);font-size:1.06rem;line-height:1.75;margin:0 0 20px}.seo-badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}.seo-badge{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;color:#596277;font-size:.78rem}.preset-card{background:linear-gradient(145deg,#171a2b,#242842);color:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.preset-card .kicker{color:#bfc3ff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.preset-card strong{display:block;font-size:2rem;margin:8px 0 4px}.preset-card p{color:#cbd0df;font-size:.88rem;line-height:1.55;margin:0}.preset-card .mini{margin-top:18px;display:grid;gap:9px}.preset-card .mini span{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:9px;color:#dce0eb;font-size:.82rem}.seo-section{padding:34px 0}.seo-section h2{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.035em;margin:0 0 12px}.seo-section>p,.seo-copy p{color:#536076;line-height:1.78}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.seo-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.seo-box h3{margin:0 0 8px;font-size:1rem}.seo-box p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.step{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.step:before{content:counter(step);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:#4e54d4;font-weight:800;margin-bottom:12px}.step h3{margin:0 0 7px;font-size:1rem}.step p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.62}.faq{display:grid;gap:10px;margin-top:16px}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 16px}.faq summary{cursor:pointer;font-weight:750;padding:15px 0}.faq p{color:var(--muted);line-height:1.7;margin:0 0 16px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.related-grid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;font-weight:730}.related-grid a:hover{border-color:#c5c8ff;transform:translateY(-1px)}.seo-note{background:#f8f9fc;border:1px solid var(--line);border-radius:16px;padding:16px;color:#596579;font-size:.86rem;line-height:1.65}.cta-row{display:flex;gap:10px;flex-wrap:wrap}.breadcrumb{padding-top:24px;color:var(--muted);font-size:.82rem}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.tool-disclaimer{font-size:.82rem;color:#778095;margin-top:14px;line-height:1.6}@media(max-width:850px){.seo-hero-grid,.seo-grid,.steps{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.related-grid{grid-template-columns:1fr}.seo-shell{width:min(100% - 20px,1040px)}.seo-hero{padding-top:42px}.preset-card{padding:20px}}

.image-checker{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,34px);box-shadow:0 18px 50px rgba(38,45,77,.08)}.checker-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);gap:24px;align-items:end}.checker-heading h2{margin:6px 0 0}.checker-heading p{margin:0;color:var(--muted);line-height:1.7}.checker-upload-row{margin-top:24px}.checker-upload{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:2px dashed #bdc2ef;border-radius:16px;background:#f8f8ff;cursor:pointer;transition:.18s ease}.checker-upload:hover{border-color:#6c70dd;background:#f2f2ff}.checker-upload strong{color:#383da8}.checker-upload span{color:var(--muted);font-size:.84rem;text-align:right}.checker-upload-row input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.checker-upload-row:has(input:focus-visible) .checker-upload{outline:3px solid rgba(93,99,220,.25);outline-offset:3px}.checker-results{margin-top:24px}.checker-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.checker-metrics div{background:#f8f9fc;border:1px solid var(--line);border-radius:14px;padding:14px}.checker-metrics span{display:block;color:var(--muted);font-size:.76rem;margin-bottom:4px}.checker-metrics strong{font-size:1.05rem}.checker-verdict{margin:16px 0 12px;padding:14px 16px;border-radius:14px;font-weight:750}.checker-verdict.pass{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.checker-verdict.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.checker-list{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.checker-list li{position:relative;padding:10px 12px 10px 38px;border:1px solid var(--line);border-radius:12px;color:#4e596e;line-height:1.5}.checker-list li:before{position:absolute;left:12px;top:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900}.checker-list li.pass:before{content:"✓";background:#dcfce7;color:#166534}.checker-list li.warn:before{content:"!";background:#ffedd5;color:#9a3412}.checker-list li.info:before{content:"i";background:#e0e7ff;color:#3730a3}.checker-error{margin-top:16px;padding:13px 15px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.checker-results .cta-row{margin-top:18px}@media(max-width:760px){.checker-heading{grid-template-columns:1fr}.checker-metrics{grid-template-columns:1fr 1fr}.checker-upload{align-items:flex-start;flex-direction:column}.checker-upload span{text-align:left}}@media(max-width:460px){.checker-metrics{grid-template-columns:1fr}}