:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f7f5;color:#141414;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;min-width:320px}body,#root{display:flex;flex-direction:column}button,input,select,textarea{font:inherit}button,a.download,.client-link,nav a,.tool-card,.tool-list a{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none}main{flex:1;margin:0 auto;max-width:1220px;padding:0 24px 48px;width:100%}.site-header{align-items:center;display:grid;gap:18px;grid-template-columns:auto 1fr auto;min-height:76px}.brand{align-items:center;color:#141414;display:inline-flex;font-weight:800;gap:10px;text-decoration:none}.brand-logo{align-items:center;border-radius:8px;height:34px;object-fit:contain;width:34px}nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}nav a{background:transparent;color:#4b5563}nav a.active{background:#101828;color:#fff}.client-link{background:#0f766e;color:#fff}.hero{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 320px;padding:36px 0 28px}.hero h1{font-size:clamp(38px,7vw,76px);letter-spacing:0;line-height:.96;margin:8px 0 18px}.hero p{color:#475467;font-size:18px;line-height:1.7;margin:0;max-width:760px}.eyebrow{color:#0f766e!important;font-size:13px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hero-note,.hero-note strong{color:#101828;font-size:20px;margin:0}.hero-note p{color:#475467;font-size:16px;line-height:1.7;margin:0}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-points span{background:#fff;border:1px solid #dfe4dc;border-radius:999px;color:#344054;display:inline-flex;font-size:14px;font-weight:700;min-height:40px;padding:0 14px;align-items:center}.section-head{align-items:end;border-top:1px solid #e4e4df;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px;padding:28px 0 20px}.section-head h2{font-size:34px;line-height:1.08;margin:8px 0 0}.section-head p{color:#475467;line-height:1.7;margin:0}.card-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{align-items:flex-start;background:#fff;border:1px solid #e4e4df;border-radius:16px;color:#141414;flex-direction:column;justify-content:flex-start;min-height:220px;padding:22px}.tool-card strong{font-size:24px;line-height:1.2}.tool-card p{color:#475467;font-weight:500;line-height:1.7;margin:12px 0 0}.tool-card span{color:#0f766e;margin-top:auto}.tool-hero{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 300px;padding:24px 0 22px}.tool-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:8px 0 16px}.tool-hero p{color:#475467;font-size:18px;line-height:1.7;margin:0;max-width:880px}.site-footer{align-items:center;border-top:1px solid #e4e4df;color:#667085;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:auto auto 0;max-width:1220px;padding:32px 24px 24px;width:100%}.footer-left{display:flex;flex-direction:column;gap:8px}.footer-copyright{font-size:14px;margin:0}.footer-nav{display:flex;gap:24px;align-items:center}.footer-link{color:#667085;font-size:14px;text-decoration:none;transition:color .2s ease}.footer-link:hover,.footer-link.active{color:#141414;font-weight:700}.footer-nav a{background:transparent;color:#667085;font-size:14px;font-weight:500;min-height:auto;padding:0}.footer-nav a:hover,.footer-nav a.active{background:transparent;color:#141414;font-weight:700}.lang-switch{background:#fff;border:1px solid #d0d5dd;color:#344054;cursor:pointer;font-size:13px;font-weight:700;min-height:36px;padding:0 12px}.lang-switch:hover{background:#f9fafb;border-color:#98a2b3}.header-actions{align-items:center;display:flex;gap:10px}.info-hero{align-items:start;border-bottom:1px solid #e4e4df;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 280px;padding:36px 0 28px}.info-hero-copy h1{font-size:clamp(40px,6vw,72px);line-height:.98;margin:8px 0 18px}.info-intro{color:#475467;font-size:19px;line-height:1.8;margin:0;max-width:860px}.info-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.info-highlights span{align-items:center;background:#fff;border:1px solid #dfe4dc;border-radius:999px;color:#344054;display:inline-flex;font-size:14px;font-weight:700;min-height:40px;padding:0 14px}.info-meta-card{background:#fff;border:1px solid #e4e4df;border-radius:16px;display:grid;gap:8px;padding:20px}.info-meta-card strong{color:#101828;font-size:15px}.info-meta-card p{color:#141414;font-size:18px;font-weight:700;margin:0}.info-meta-card small{color:#667085;font-size:14px;line-height:1.7}.info-page{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 280px;padding:28px 0 24px}.info-card{background:#fff;border:1px solid #e4e4df;border-radius:20px;padding:34px}.info-section+.info-section{border-top:1px solid #edf1eb;margin-top:28px;padding-top:28px}.info-section h2{font-size:28px;line-height:1.15;margin:0 0 14px}.info-card p{color:#475467;font-size:17px;line-height:1.8;margin:0 0 16px}.info-list{color:#344054;display:grid;gap:10px;line-height:1.7;margin:8px 0 0;padding-left:20px}.info-actions{display:flex;margin-top:28px}.info-link{width:fit-content}.info-sidebar{display:grid;gap:18px;position:sticky;top:16px}.info-sidebar-card{background:#fff;border:1px solid #e4e4df;border-radius:16px;display:grid;gap:14px;padding:20px}.info-sidebar-card strong{color:#101828;font-size:16px}.info-sidebar-list{color:#475467;display:grid;gap:10px;line-height:1.7;margin:0;padding-left:18px}.info-sidebar-links{display:grid;gap:10px}.info-sidebar-links a{color:#0f766e;font-weight:700;text-decoration:none}.tool-grid{align-items:start;display:grid;gap:22px;grid-template-columns:310px minmax(0,1fr)}.tool-list{display:grid;gap:10px;position:sticky;top:16px}.tool-list a{align-items:flex-start;background:#fff;border:1px solid #e4e4df;color:#141414;flex-direction:column;height:auto;min-height:92px;padding:16px;text-align:left}.tool-list a.selected{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.tool-list span{font-size:16px}.tool-list small{color:#667085;font-weight:500;line-height:1.45}.panel{background:#fff;border:1px solid #e4e4df;border-radius:8px;padding:24px}.panel-title{align-items:flex-start;display:flex;gap:14px;margin-bottom:20px}.panel-title>span{align-items:center;background:#e7f5f2;border-radius:8px;color:#0f766e;display:inline-flex;height:44px;justify-content:center;width:44px}.panel-title h2{font-size:24px;letter-spacing:0;margin:0 0 6px}.panel-title p{color:#667085;line-height:1.5;margin:0}.drop-zone{align-items:center;background:#fafafa;border:2px dashed #c7d7d4;border-radius:8px;color:#0f766e;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:160px;padding:22px;text-align:center}.drop-zone input{display:none}.drop-zone span{color:#667085;font-size:14px}.preview-pair{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}figure{background:#f5f5f2;border:1px solid #e4e4df;border-radius:8px;margin:0;overflow:hidden}figure img{aspect-ratio:16 / 10;display:block;object-fit:contain;padding:10px;width:100%}figcaption{border-top:1px solid #e4e4df;color:#667085;font-size:13px;padding:8px 10px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions button{background:#0f766e;color:#fff}.actions button:disabled,.download.disabled{cursor:not-allowed;opacity:.45}.download{background:#101828;color:#fff}.settings{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.settings label{color:#344054;display:grid;font-size:13px;font-weight:700;gap:8px}.settings input,.settings select,textarea{border:1px solid #d0d5dd;border-radius:8px;min-height:42px;padding:0 12px}textarea{line-height:1.5;margin-top:16px;min-height:260px;padding:12px;resize:vertical;width:100%}.file-row,.progress-wrap{background:#fafafa;border:1px solid #e4e4df;border-radius:8px;margin-top:14px;padding:12px}.file-row{align-items:center;color:#0f766e;display:flex;gap:10px}.file-row span{color:#141414;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{color:#667085}.progress-wrap div{color:#344054;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}progress{accent-color:#0f766e;height:10px;width:100%}.summary{color:#475467;font-size:14px;margin:12px 0 0}.error{color:#b42318;font-weight:700;margin:14px 0 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.magic-eraser-container,.iframe-tool{display:grid;gap:16px}.iframe-copy{background:#fafafa;border:1px solid #e4e4df;border-radius:8px;padding:16px}.eraser-frame{background:#f5f5f2;border:1px solid #e4e4df;border-radius:8px;height:920px;width:100%;overflow:hidden}@media(max-width:860px){.eraser-frame{min-height:680px}}.iframe-copy .summary{font-size:14px}@media(max-width:860px){main{padding:0 16px 32px}.site-header,.hero,.tool-hero,.info-hero,.info-page,.section-head,.tool-grid,.preview-pair,.settings,.card-grid,.content-grid{grid-template-columns:1fr}nav{justify-content:flex-start;overflow-x:auto}.tool-list{position:static}.info-card{padding:24px}.info-section h2{font-size:24px}.info-sidebar{position:static}.site-footer{align-items:flex-start;flex-direction:column;gap:16px}.footer-nav{flex-wrap:wrap;gap:16px}}.seo-content{border-top:1px solid #e5e7eb;margin-top:48px;padding-top:32px;max-width:720px}.seo-pain-points{display:grid;gap:16px;margin-bottom:32px}.seo-pain-points p{color:#374151;font-size:15px;line-height:1.7;margin:0}.seo-steps{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:16px;counter-reset:step}.seo-steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;counter-increment:step}.seo-steps li:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.seo-steps li strong{display:block;color:#111827;font-size:14px;margin-bottom:4px}.seo-steps li span{color:#4b5563;font-size:14px;line-height:1.6}.seo-faqs{border-top:1px solid #e5e7eb;padding-top:24px}.seo-faq{border-bottom:1px solid #e5e7eb}.seo-faq-toggle{width:100%;padding:16px 0;background:none;border:none;text-align:left;font-size:15px;font-weight:600;color:#111827;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.seo-faq-toggle:after{content:"+";font-size:18px;color:#9ca3af}.seo-faq.open .seo-faq-toggle:after{content:"−"}.seo-faq-answer{color:#4b5563;font-size:14px;line-height:1.7;margin:0 0 16px}