.ith{--c:#2563eb;max-width:1180px;margin:0 auto;padding:24px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b;box-sizing:border-box}
.ith *{box-sizing:border-box}
.ith-head{text-align:center;margin:10px 0 28px}
.ith-head h1{font-size:clamp(26px,4.5vw,42px);font-weight:800;margin:0 0 8px;color:#0f172a}
.ith-head p{font-size:clamp(15px,2vw,18px);color:#64748b;margin:0}
.ith-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.ith-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px 22px;text-decoration:none!important;color:inherit;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.ith-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--c)}
.ith-card:hover{box-shadow:0 18px 40px rgba(15,23,42,.12);border-color:var(--c)}
.ith-ic{display:inline-flex;width:58px;height:58px;border-radius:16px;align-items:center;justify-content:center;font-size:30px;background:color-mix(in srgb,var(--c) 14%,#fff);margin-bottom:14px}
.ith-card h3{margin:0 0 6px;font-size:19px;color:#0f172a}
.ith-card p{margin:0;color:#64748b;font-size:14.5px;line-height:1.5}
.ith-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
.ith-nav a{white-space:nowrap;padding:9px 16px;border-radius:999px;background:#f1f5f9;color:#334155!important;text-decoration:none!important;font-size:14px;font-weight:600;}

.ith-nav a.on{background:var(--c);color:#fff!important}
.ith-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;border:3px dashed color-mix(in srgb,var(--c) 45%,#fff);background:color-mix(in srgb,var(--c) 6%,#fff);border-radius:22px;cursor:pointer;text-align:center;color:#64748b;padding:20px;}
.ith-drop:hover{background:color-mix(in srgb,var(--c) 12%,#fff)}
.ith-big{background:var(--c);color:#fff;font-size:clamp(18px,3vw,24px);font-weight:700;padding:18px 44px;border-radius:14px;box-shadow:0 8px 20px color-mix(in srgb,var(--c) 40%,transparent)}
.ith-work{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.ith-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;min-height:300px}
.ith-item{position:relative;background:#fff;border-radius:14px;padding:10px;border:1px solid #e2e8f0;text-align:center;display:flex;flex-direction:column;gap:6px}
.ith-item img{width:100%;height:130px;object-fit:contain;background:repeating-conic-gradient(#f1f5f9 0 25%,#fff 0 50%) 0 0/16px 16px;border-radius:8px}
.ith-nm{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ith-sz{font-size:12px;color:#64748b}
.ith-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border:0;border-radius:50%;background:#0f172acc;color:#fff;cursor:pointer;line-height:1;font-size:16px;padding:0}
.ith-dl{display:block;margin-top:auto;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)!important;font-weight:700;font-size:12.5px;padding:8px;border-radius:8px;text-decoration:none!important}
.ith-side{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(15,23,42,.06);position:sticky;top:20px}
.ith-side h3{margin:0 0 14px;font-size:20px}
.ith-f{display:block;margin-bottom:14px}
.ith-f span{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#475569;margin-bottom:5px}
.ith-f input:not([type=range]):not([type=color]),.ith-f select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;background:#fff}
.ith-f input[type=range]{width:100%;accent-color:var(--c)}
.ith-f input[type=color]{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:2px}
.ith-btn{display:block;width:100%;border:0;background:var(--c);color:#fff;font-size:17px;font-weight:700;padding:15px;border-radius:12px;cursor:pointer;margin-top:8px;}
.ith-btn:disabled{opacity:.6;cursor:wait}
.ith-btn.ghost{background:#fff;color:var(--c);border:2px solid var(--c)}
.ith-add{width:100%;border:2px dashed var(--c);background:transparent;color:var(--c);font-weight:700;padding:10px;border-radius:10px;cursor:pointer;margin-bottom:16px}
.ith [hidden]{display:none!important}
@media(max-width:820px){.ith-work{grid-template-columns:1fr}.ith-side{position:static;order:-1}.ith-list{min-height:0}}
@media(max-width:480px){.ith-list{grid-template-columns:repeat(2,1fr)}.ith-big{padding:14px 28px}}

/* v2: PDF-tools-page style */
.ith{--p:#4f46e5;max-width:1200px}
.ith-hero{text-align:center;padding:44px 20px 38px;margin:6px 0 34px;border-radius:28px;background:radial-gradient(900px 300px at 50% -10%,#e0e7ff,transparent),linear-gradient(180deg,#f5f7ff,#fff);border:1px solid #e5e9f7}
.ith-hero.sm{padding:30px 18px 26px;margin-bottom:22px}
.ith-pill{display:inline-block;background:#fff;border:1px solid #dbe1f5;color:var(--p);font-weight:700;font-size:13.5px;padding:7px 16px;border-radius:999px;box-shadow:0 2px 8px rgba(79,70,229,.1)}
.ith-hero h1{font-size:clamp(30px,5.5vw,54px);line-height:1.1;font-weight:800;margin:18px 0 12px;color:#0f172a;letter-spacing:-.02em}
.ith-hero p{max-width:720px;margin:0 auto;color:#64748b;font-size:clamp(15px,2vw,18px);line-height:1.65}
.ith-hero p b{color:var(--p);margin:0 4px}
.ith-trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 0;padding:0;font-weight:600;font-size:14px;color:#166534}
.ith-fmts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.ith-fmts a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:11px 18px;text-decoration:none!important;color:#0f172a!important;box-shadow:0 4px 14px rgba(15,23,42,.06);}
.ith-fmts a:hover{border-color:var(--p)}
.ith-fmts i{font-style:normal;font-size:20px}.ith-fmts b{font-size:13.5px;letter-spacing:.04em}
.ith-sec{margin:42px 0}
.ith-sec h2{text-align:center;font-size:clamp(24px,3.5vw,34px);font-weight:800;margin:0 0 8px;color:#0f172a}
.ith-sub{text-align:center;color:#64748b;margin:0 0 24px}
.ith-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px}
.ith-chips button{border:1px solid #dbe1f0;background:#fff;color:#334155;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px;cursor:pointer;}
.ith-chips button:hover{border-color:var(--p);color:var(--p)}
.ith-chips button.on{background:var(--p);border-color:var(--p);color:#fff;box-shadow:0 6px 16px rgba(79,70,229,.3)}
.ith-count{text-align:center;color:#64748b;font-size:14px;margin:0 0 22px}
.ith-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.ith-tc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e9f2;border-radius:18px;padding:22px;text-decoration:none!important;color:inherit!important;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.ith-tc:hover{box-shadow:0 16px 36px rgba(15,23,42,.12);border-color:var(--c)}
.ith-tc .ith-ic{width:52px;height:52px;font-size:26px;border-radius:14px;margin-bottom:14px;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 14%,#fff)}
.ith-tc b{font-size:18px;color:#0f172a;margin-bottom:6px}
.ith-tc p{margin:0 0 16px;color:#64748b;font-size:14.5px;line-height:1.55;flex:1}
.ith-tf{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #eef1f6;padding-top:12px;font-size:12.5px}
.ith-tf span{background:#f1f5f9;color:#475569;font-weight:600;padding:4px 10px;border-radius:999px}
.ith-tf i{font-style:normal;font-weight:700;color:var(--c)}
.ith-new{position:absolute;top:14px;right:14px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,#f43f5e,#fb923c);color:#fff;padding:4px 9px;border-radius:999px}
.ith-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.ith-why>div{text-align:center;background:#f8faff;border:1px solid #e5e9f7;border-radius:18px;padding:28px 22px}
.ith-why span{font-size:34px}.ith-why h3{margin:10px 0 6px;font-size:18px}.ith-why p{margin:0;color:#64748b;font-size:14.5px;line-height:1.6}
.ith-crumb{font-size:13.5px;color:#64748b;margin:0 0 12px}.ith-crumb a{color:var(--p)!important;text-decoration:none!important}
.ith-tc[hidden]{display:none!important}
@media(max-width:560px){.ith-hero{padding:32px 14px;border-radius:20px}.ith-tgrid{grid-template-columns:1fr}.ith-fmts a{padding:9px 14px}}
.ith-st{font-size:13px;color:#16a34a;text-align:center;min-height:18px;margin:6px 0;font-weight:600}.ith-drop.over{background:color-mix(in srgb,var(--c) 18%,#fff);}.ith-item .ith-sz{line-height:1.35}.ith-btn:disabled{opacity:.45;cursor:not-allowed}
.ith-stage{display:block!important;padding:16px}.ith-cv{width:100%;height:auto;display:block;border-radius:12px;cursor:crosshair;touch-action:none;margin-top:10px;background:repeating-conic-gradient(#f1f5f9 0 25%,#fff 0 50%) 0 0/16px 16px}.ith-ta{width:100%;min-height:240px;font:13px/1.5 ui-monospace,Consolas,monospace;border:1px solid #cbd5e1;border-radius:12px;padding:12px;resize:vertical;margin-top:8px}.ith-stage .ith-sub{text-align:left;margin:0}.ith-hres .ith-dl{display:inline-block;padding:10px 18px;margin-top:14px}
.ith-hero p b{display:inline-block;margin:3px 4px}

/* ===== THEME COLOURS (sampled from the PDF Tools page): edit these to re-colour everything ===== */
html:has(.ith),body:has(.ith){overflow-x:clip}
.ith{--ith-bg:#fffcfa;--ith-surface:#ffffff;--ith-border:#f1e6df;--ith-text:#1c2530;--ith-muted:#5b6573;--p:#b6481f;--ith-peach:#f6dfd4;--ith-peach2:#fbeee8;--ith-blue:#f7f9fe;
 position:relative;isolation:isolate;background:none}
.ith::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
 background:radial-gradient(760px 560px at 86% 0%,var(--ith-peach) 0%,var(--ith-peach2) 42%,rgba(253,246,242,0) 78%),radial-gradient(620px 520px at 4% 100%,var(--ith-blue),rgba(244,246,252,0) 72%),var(--ith-bg)}
.ith-hero{background:transparent;border-color:transparent}
.ith-pill{background:#fdeee6;border-color:#efcdbf;color:var(--p);box-shadow:none}
.ith-hero p b,.ith-crumb a{color:var(--p)!important}
.ith-trust{gap:10px}.ith-trust li{background:#fff;border:1px solid var(--ith-border);border-radius:999px;padding:8px 16px;color:var(--ith-text)}
.ith-tc,.ith-card,.ith-side,.ith-item,.ith-fmts a,.ith-chips button,.ith-nav a,.ith-list,.ith-why>div{background:var(--ith-surface);border-color:var(--ith-border)}
.ith-nav a.on,.ith-chips button.on{background:var(--p);border-color:var(--p);color:#fff!important;box-shadow:none}
.ith-chips button:hover,.ith-fmts a:hover{border-color:var(--p);color:var(--p)}
.ith-tc,.ith-fmts a,.ith-side{box-shadow:none}
.ith-tc:hover,.ith-card:hover{box-shadow:none;border-color:var(--c,var(--p))}
.ith-hero h1,.ith-sec h2,.ith-tc b,.ith-why h3,.ith-side h3{color:var(--ith-text)}
.ith-hero p,.ith-sub,.ith-tc p,.ith-why p,.ith-count{color:var(--ith-muted)}

/* ===== v2.6 richer boxes (static, no animation) ===== */
.ith-tc{border:1px solid var(--ith-border);border-top:4px solid var(--c);border-radius:20px;padding:24px 22px 20px;box-shadow:0 8px 24px rgba(182,72,31,.08)!important}
.ith-tc:hover{box-shadow:0 8px 24px rgba(182,72,31,.08)!important;border-color:var(--c);background:color-mix(in srgb,var(--c) 4%,#fff)}
.ith-tc .ith-ic{width:60px;height:60px;font-size:30px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 26%,#fff),color-mix(in srgb,var(--c) 8%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,#fff)}
.ith-tc b{font-size:19px}
.ith-tf{border-top:1px dashed var(--ith-border)}
.ith-tf span{background:#fdf3ee;color:#8a5a45}
.ith-tf i{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);padding:6px 12px;border-radius:999px}
.ith-new{box-shadow:0 4px 10px rgba(244,63,94,.25)}
.ith-fmts a,.ith-chips button{box-shadow:0 3px 10px rgba(182,72,31,.07)}
.ith-chips button.on{box-shadow:0 6px 14px rgba(182,72,31,.28)}
.ith-trust li{box-shadow:0 2px 6px rgba(182,72,31,.06)}
.ith-why>div{border-radius:20px;box-shadow:0 8px 24px rgba(182,72,31,.07);padding:30px 22px}
.ith-why span{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fde6dc,#fff4ee);box-shadow:inset 0 0 0 1px #f3d6c8;font-size:30px}
/* tool page box */
.ith-drop{background:#fff;border:2.5px dashed color-mix(in srgb,var(--c) 55%,#fff);border-radius:26px;min-height:340px;box-shadow:0 14px 36px rgba(182,72,31,.09);gap:14px}
.ith-drop::before{content:"⬆";display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;font-size:38px;font-weight:800;color:var(--c);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--c) 6%,#fff));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 30%,#fff)}
.ith-drop:hover,.ith-drop.over{background:color-mix(in srgb,var(--c) 5%,#fff)}
.ith-big{box-shadow:0 12px 26px color-mix(in srgb,var(--c) 32%,transparent);border-radius:16px}
.ith-list{border-radius:24px;box-shadow:0 12px 32px rgba(182,72,31,.08);background:#fff}
.ith-side{border-radius:24px;border-top:6px solid var(--c);box-shadow:0 12px 32px rgba(182,72,31,.1)!important;padding:22px}
.ith-side h3{font-size:21px}
.ith-item{border-radius:18px;box-shadow:0 4px 14px rgba(182,72,31,.07);background:#fffdfb}
.ith-item img{border-radius:12px}
.ith-dl{background:var(--c)!important;color:#fff!important;padding:9px!important;border-radius:10px!important}
.ith-btn{border-radius:14px;box-shadow:0 10px 22px color-mix(in srgb,var(--c) 30%,transparent)}
.ith-btn:disabled{box-shadow:none}
.ith-hero.sm{padding:26px 18px 14px}
.ith-nav a{box-shadow:0 2px 6px rgba(182,72,31,.06)}
.ith-ta,.ith-f select,.ith-f input:not([type=range]):not([type=color]){border-color:#eadbd1;background:#fffdfb}
.ith-tf{flex-wrap:wrap}.ith-tf span,.ith-tf i{white-space:nowrap;font-size:12px}.ith-tf span{padding:5px 10px}.ith-tf i{padding:6px 11px}
.ith-tf{gap:6px}.ith-tf span,.ith-tf i{font-size:11.5px}.ith-tf span{padding:5px 9px}.ith-tf i{padding:6px 10px}

/* ===== v2.7: search + category grid like the PDF tools page, serif headings, hover lift ===== */
.ith-hero h1,.ith-sec h2{font-family:'Source Serif 4','Merriweather',Charter,Georgia,'Times New Roman',serif;font-weight:800}
.ith-search{display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto 26px;background:#fff;border:1px solid #e3e1e8;border-radius:999px;padding:6px 24px;box-shadow:0 4px 14px rgba(28,37,48,.05)}
.ith-search span{font-size:19px}
.ith-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;padding:13px 0;color:var(--ith-text);box-shadow:none}
.ith-search:focus-within{border-color:#1c2530}
.ith-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.ith-chips button{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;border:1px solid #e3e1e8;background:#fff;font-size:15px;font-weight:700;color:#1c2530;padding:0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ith-chips button.on{background:#1c2530;border-color:#1c2530;color:#fff;box-shadow:0 12px 24px rgba(28,37,48,.28)}
.ith-chips button:hover{border-color:#1c2530;color:#1c2530}.ith-chips button.on:hover{color:#fff}
.ith-none{text-align:center;color:var(--ith-muted);font-weight:600;padding:30px 0}
@media(max-width:900px){.ith-chips{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.ith-chips button{font-size:13px;padding:0 8px}}
@media (prefers-reduced-motion:no-preference){
 .ith-tc{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease}
 .ith-tc:hover{transform:translateY(-10px);box-shadow:0 22px 44px rgba(182,72,31,.2)!important}
 .ith-tc .ith-ic{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
 .ith-tc:hover .ith-ic{transform:scale(1.12) rotate(-6deg)}
 .ith-tf i{transition:padding .2s ease,background .2s ease,color .2s ease}
 .ith-tc:hover .ith-tf i{background:var(--c);color:#fff;padding-left:15px;padding-right:15px}
}
.ith-chips{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){.ith-chips{grid-template-columns:repeat(2,1fr)}.ith-chips button:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:1001px) and (max-width:1180px){.ith-chips button{font-size:13.5px;padding:0 8px}}

/* ===== v2.9 blog section (PDF Tools Blogs style) ===== */
.ith-bh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.ith-bsec h2,.ith-bsec .ith-sub{text-align:left;margin-bottom:0}.ith-bsec .ith-sub{margin-top:6px}
.ith-bmore{flex:none;display:inline-block;background:#fff;color:#1c2530!important;border:1.5px solid #1c2530;font-weight:700;font-size:14.5px;padding:12px 26px;border-radius:999px;text-decoration:none!important}
.ith-bmore:hover{background:#1c2530;color:#fff!important}
.ith-blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ith-bc{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e1e8;border-radius:18px;overflow:hidden;text-decoration:none!important;color:inherit!important}
.ith-bi{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:#e5e7eb center/cover no-repeat}
.ith-bi.p0{background-color:#c9d6f8;background-image:linear-gradient(135deg,#dbe5fc,#aec2f4)}
.ith-bi.p1{background-color:#bfe5cc;background-image:linear-gradient(135deg,#dff2e5,#a6dbb9)}
.ith-bi.p2{background-color:#f3cdbd;background-image:linear-gradient(135deg,#fbe6dc,#f0c1ad)}
.ith-bi[style]{background-color:#eee}
.ith-bi:not([style])::before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:2px solid rgba(255,255,255,.55);top:-70px;right:-50px}
.ith-bi:not([style])::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:2px solid rgba(60,90,160,.18);bottom:-80px;left:-30px}
.ith-bi.p1:not([style])::after{border-color:rgba(40,120,70,.2)}.ith-bi.p2:not([style])::after{border-color:rgba(182,72,31,.2)}
.ith-bd{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(28,37,48,.14)}
.ith-bb{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.ith-bb b{font-size:18px;line-height:1.38;font-weight:700;color:#1c2530}
.ith-bb small{font-size:13px;color:#6b7280;line-height:1.5}
.ith-bb p{margin:0;font-size:14.5px;line-height:1.6;color:#5b6573}
@media(max-width:560px){.ith-blogs{grid-template-columns:1fr}}
@media(max-width:560px){.ith-bh{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:no-preference){.ith-bc{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.ith-bc:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(28,37,48,.14)}.ith-bmore{transition:background .2s,color .2s}}

/* ===== v2.9.3 blog listing page ===== */
.ith-bhero{padding:34px 18px 40px;position:relative;background-image:radial-gradient(rgba(28,37,48,.07) 1px,transparent 1.4px);background-size:22px 22px}
.ith-bhero h1{margin:14px 0 10px}
.ith-bsearch{display:flex;align-items:center;gap:8px;max-width:560px;margin:26px auto 0;background:#fff;border:1px solid #e3e1e8;border-radius:999px;padding:6px 6px 6px 22px;box-shadow:0 8px 24px rgba(28,37,48,.08)}
.ith-bsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;padding:10px 0;color:var(--ith-text,#1c2530);box-shadow:none}
.ith-bsearch button{flex:none;border:0;background:#1c2530;color:#fff;font-weight:700;font-size:14.5px;padding:12px 26px;border-radius:999px;cursor:pointer}
.ith-bsearch button:hover{background:#0f1720}
.ith-bsearch:focus-within{border-color:#1c2530}
.ith-bres{text-align:center;color:var(--ith-muted,#5b6573);margin:0 0 22px}.ith-bres a{color:var(--p)!important}
.ith-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px}
.ith-pager a,.ith-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid #e3e1e8;border-radius:999px;background:#fff;color:#1c2530!important;font-weight:700;text-decoration:none!important}
.ith-pager a:hover{border-color:#1c2530}.ith-pager .on{background:#1c2530;border-color:#1c2530;color:#fff!important}
@media(max-width:480px){.ith-bsearch{padding-left:16px}.ith-bsearch button{padding:11px 18px}}
@media(min-width:561px) and (max-width:900px){.ith-blogs{grid-template-columns:repeat(2,1fr)}}

/* ===== v2.9.4 hide the theme's own page-title block on plugin pages (body.ith-page) ===== */
body.ith-page .entry-header,body.ith-page .page-header,body.ith-page .page-title,body.ith-page .entry-title,body.ith-page .page-hero,body.ith-page .page-title-section,body.ith-page .post-header,
body.ith-page .breadcrumbs,body.ith-page .breadcrumb,body.ith-page .rank-math-breadcrumb,body.ith-page .yoast-breadcrumb,body.ith-page .entry-meta,body.ith-page .last-updated,body.ith-page .updated-on{display:none!important}
body.ith-page .ith-hide-title{display:none!important}

/* ===== v2.9.5 laptop/desktop view: break out of narrow theme columns, chips wrap instead of clipping ===== */
.ith{position:relative;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 32px));max-width:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.ith-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ith-chips button{flex:0 0 auto;width:auto;overflow:visible;text-overflow:clip;padding:0 22px}
.ith-chips button:last-child:nth-child(odd){grid-column:auto}
@media(max-width:600px){.ith-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ith-chips button{padding:0 8px;font-size:14px}.ith-chips button:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:380px){.ith-chips button{font-size:13px}}
.ith-tgrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
@media(max-width:600px){.ith-tgrid{grid-template-columns:1fr}}

/* ===== v2.9.6 hub page opens on "Choose an Image Tool" (no hero) ===== */
.ith-h2{text-align:center;font-family:'Source Serif 4','Merriweather',Charter,Georgia,'Times New Roman',serif;font-size:clamp(28px,4.2vw,40px);font-weight:800;line-height:1.15;margin:0 0 18px;color:var(--ith-text,#1c2530)}
.ith-first{margin-top:18px}

/* ===== v2.9.9 remove the empty gap above the plugin content ===== */
body.ith-page .entry-content,body.ith-page .page-content,body.ith-page .post-content,body.ith-page article.page,body.ith-page main,body.ith-page #content,body.ith-page #primary,body.ith-page .site-main{padding-top:0!important;margin-top:0!important}
body.ith-page .ith{padding-top:0;margin-top:0}
.ith-hubpage .ith-first{margin-top:0;padding-top:14px}
.ith-hubpage .ith-h2{margin-top:0}

/* ===== v2.9.10 tool cards styled like the PDF Tools cards ===== */
.ith .ith-tc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1px solid #e6e9f0;border-top:4px solid var(--c);border-radius:22px;padding:24px 24px 22px;box-shadow:none!important}
.ith .ith-tc:hover{background:#fff;border-color:#e6e9f0;border-top-color:var(--c)}
.ith .ith-tc .ith-ic{width:60px;height:60px;border-radius:16px;font-size:28px;margin:0 0 20px;background:color-mix(in srgb,var(--c) 13%,#fff);box-shadow:none}
.ith .ith-tc b{font-size:20px;line-height:1.25;font-weight:800;color:#141c2b;margin:0 0 12px;letter-spacing:-.005em}
.ith .ith-tc p{font-size:15.5px;line-height:1.6;color:#374151;margin:0 0 16px;flex:1}
.ith .ith-tf{display:block;width:100%;border:0;padding:0;margin:0}
.ith .ith-tf span{display:block;background:none;padding:0;border-radius:0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d97a8;margin:0 0 16px}
.ith .ith-tf i,.ith .ith-tc:hover .ith-tf i{display:inline-block;background:none;padding:0;border-radius:0;font-style:normal;font-size:15.5px;font-weight:700;color:var(--c);white-space:nowrap}
.ith .ith-new{top:20px;right:20px}
@media (prefers-reduced-motion:no-preference){.ith .ith-tc:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(28,37,48,.12)!important}.ith .ith-tc:hover .ith-ic{transform:none}}

/* ===== v2.9.11 smaller search bar ===== */
.ith .ith-search{max-width:500px;padding:2px 18px;gap:10px;margin-bottom:20px}
.ith .ith-search span{font-size:16px}
.ith .ith-search input{font-size:14.5px;padding:9px 0}

/* ===== v2.9.12 Resize Image options (iLoveIMG-style) ===== */
.ith-seg{display:flex;border:1px solid #e3e1e8;border-radius:12px;overflow:hidden;background:#fff}
.ith-seg button{flex:1;border:0;background:#fff;color:#334155;font-weight:700;font-size:14px;padding:11px 8px;cursor:pointer}
.ith-seg button+button{border-left:1px solid #e3e1e8}
.ith-seg button.on{background:var(--c);color:#fff}
.ith-f.ith-ck{display:flex;align-items:center;gap:10px;cursor:pointer}
.ith-f.ith-ck input{width:18px;height:18px;margin:0;accent-color:var(--c);flex:none}
.ith-f.ith-ck span{margin:0;font-size:14px;color:#334155}
.ith-qk{display:flex;flex-wrap:wrap;gap:8px}
.ith-qk button{border:1px solid #e3e1e8;background:#fff;color:#334155;font-weight:700;font-size:13px;padding:8px 12px;border-radius:999px;cursor:pointer}
.ith-qk button:hover{border-color:var(--c);color:var(--c)}

/* ===== v2.9.13 checkbox rows: icon + label on one line, left aligned ===== */
.ith .ith-f.ith-ck{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 12px;cursor:pointer}
.ith .ith-f.ith-ck input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;padding:0!important;margin:0!important;border:0;border-radius:4px;flex:0 0 18px;accent-color:var(--c);cursor:pointer;box-shadow:none}
.ith .ith-f.ith-ck span{display:block;flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.3;color:#334155;text-align:left}

/* ===== v2.9.14 tidy side panel buttons (Blur Face / Crop) ===== */
.ith .ith-side .ith-add{display:block;width:100%;margin:0 0 10px;padding:11px 12px;font-size:14px;text-align:center;line-height:1.2}
.ith .ith-side .ith-st{margin:14px 0 4px;text-align:center}
.ith .ith-side .ith-btn{margin-top:10px}
.ith .ith-side .ith-btn + .ith-add{margin:12px 0 0}
.ith .ith-side .ith-f:last-of-type{margin-bottom:16px}


/* ===== v2.10.1 matched to the PDF Tools page: white page, pill search, 4-per-row pill filters, 4-column cards ===== */
.ith::before{background:#fff!important}
.ith{font-family:inherit}
.ith .ith-first,.ith .ith-sec{max-width:1140px;margin-left:auto;margin-right:auto}
.ith .ith-h2,.ith .ith-sec h2{font-family:'Source Serif 4','Merriweather',Georgia,serif;font-weight:800;font-size:clamp(26px,3.2vw,32px);line-height:1.2;color:#1c2530;margin:0 0 22px}
.ith-hubpage .ith-first{padding-top:10px}

/* search */
.ith .ith-search{max-width:640px;margin:0 auto 18px;padding:0 20px;gap:10px;background:#fff;border:1px solid #dcdfe6;border-radius:999px;box-shadow:none}
.ith .ith-search span{font-size:17px}
.ith .ith-search input{font-size:16px;padding:16px 0;color:#1c2530}

/* filter buttons: 4 per row, full pills */
.ith .ith-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 20px;max-width:none}
.ith .ith-chips button{flex:0 0 calc(25% - 9px);width:auto;height:47px;padding:0 12px;border-radius:999px;border:1px solid #dcdfe6;background:#fff;color:#1c2530;font-family:inherit;font-size:14px;font-weight:700;box-shadow:none;grid-column:auto;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ith .ith-chips button:last-child:nth-child(odd){grid-column:auto}
.ith .ith-chips button.on{background:#1c2530;border-color:#1c2530;color:#fff;box-shadow:0 8px 18px rgba(28,37,48,.30)}
.ith .ith-chips button:hover{border-color:#1c2530;color:#1c2530}
.ith .ith-chips button.on:hover{color:#fff}

/* tool cards: 4 columns */
.ith .ith-tgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ith .ith-tc{padding:24px 24px 22px;border:1px solid #e3e5ea;border-top:5px solid var(--c);border-radius:18px;background:#fff}
.ith .ith-tc .ith-ic{width:58px;height:58px;border-radius:12px;font-size:28px;margin:0 0 26px;background:color-mix(in srgb,var(--c) 14%,#fff)}
.ith .ith-tc b{font-size:20px;font-weight:700;line-height:1.25;color:#1c2530;margin:0 0 14px;letter-spacing:0}
.ith .ith-tc p{font-size:14.5px;line-height:1.65;color:#374151;margin:0 0 12px}
.ith .ith-tf span{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#9aa3b2;margin:0 0 22px}
.ith .ith-tf i,.ith .ith-tc:hover .ith-tf i{font-size:14.5px;font-weight:700}
.ith .ith-new{top:14px;right:14px;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:5px 11px;background:#e11d48;box-shadow:0 0 0 4px #fde2e7}
@media (prefers-reduced-motion:no-preference){.ith .ith-tc:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(28,37,48,.10)!important}}

/* "Why use" boxes: plain */
.ith .ith-why>div{background:#fff;border:1px solid #e3e5ea;border-radius:18px;box-shadow:none}

@media(max-width:1000px){.ith .ith-tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ith .ith-tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .ith .ith-chips{gap:10px}
 .ith .ith-chips button{flex-basis:calc(50% - 5px)}}
@media(max-width:480px){.ith .ith-tgrid{grid-template-columns:1fr}.ith .ith-chips button{font-size:13px;height:44px;padding:0 8px}.ith .ith-search input{padding:12px 0}}

/* ===== v2.10.5 all 5 filter buttons in one line, same width, lined up with the card grid ===== */
.ith .ith-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ith .ith-chips button,.ith .ith-chips button:last-child:nth-child(odd){width:100%;flex:none;grid-column:auto}
@media(max-width:1000px){.ith .ith-chips button{font-size:13px;padding:0 6px;gap:6px}}
@media(max-width:760px){.ith .ith-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ith .ith-chips button:last-child:nth-child(odd){grid-column:1/-1}}

/* ===== v2.10.4 card hover, same as the PDF Tools page: small lift, border in the card colour, soft colour glow under the pointer, underlined "Open tool" ===== */
.ith .ith-tc{overflow:hidden;isolation:isolate}
.ith .ith-tc::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx,55%) var(--my,72%),color-mix(in srgb,var(--c) 15%,transparent),transparent 70%)}
.ith .ith-tc:hover,.ith .ith-tc:focus-visible{background:#fff;border-color:var(--c);box-shadow:0 14px 34px color-mix(in srgb,var(--c) 22%,transparent)!important}
.ith .ith-tc:hover::after,.ith .ith-tc:focus-visible::after{opacity:1}
.ith .ith-tc:hover .ith-tf i,.ith .ith-tc:focus-visible .ith-tf i{text-decoration:underline;text-underline-offset:3px}
.ith .ith-tc:focus-visible{outline:2px solid var(--c);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
 .ith .ith-tc{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
 .ith .ith-tc::after{transition:opacity .3s ease}
 .ith .ith-tc:hover,.ith .ith-tc:focus-visible{transform:translateY(-6px)}
}

/* ===== v2.10.6 "Why use" boxes like the PDF Tools page: peach box, left aligned, plain icon ===== */
.ith .ith-why{gap:20px}
.ith .ith-why>div{text-align:left;background:#fff6f1;border:1px solid #f3e3da;border-radius:18px;box-shadow:none;padding:26px 26px 24px}
.ith .ith-why span{display:block;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;font-size:28px;line-height:1;margin:0 0 16px}
.ith .ith-why h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#1c2530}
.ith .ith-why p{margin:0;font-size:14px;line-height:1.65;color:#4b5563}

/* ===== v2.10.8 Compress Image: target size row  Size [50] [KB] [Compress] ===== */
.ith .ith-tgrow{display:flex;gap:8px;align-items:stretch}
.ith .ith-tgrow input{flex:1 1 auto;min-width:0;width:auto!important;height:42px;padding:0 12px!important;font-size:16px;border:1px solid #dcdfe6;border-radius:8px;background:#fff}
.ith .ith-tgrow select{flex:0 0 72px;width:72px!important;height:42px;padding:0 8px!important;font-size:15px;font-weight:700;border:1px solid #dcdfe6;border-radius:8px;background:#fff}
.ith .ith-tgbtn{flex:0 0 auto;height:42px;padding:0 16px;border:0;border-radius:8px;background:var(--c);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 30%,transparent)}
.ith .ith-tgbtn:hover{filter:brightness(.95)}
.ith .ith-tgbtn:focus-visible{outline:2px solid var(--c);outline-offset:2px}

/* ===== v2.11.0 Meme Generator editor ===== */
.ith .ith-mstage{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}
.ith .ith-mstage .ith-sub{align-self:stretch}
.ith .ith-mcv{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;border-radius:10px;box-shadow:0 4px 16px rgba(15,23,42,.12);touch-action:none;outline:none}
.ith .ith-mcv:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 45%,transparent)}
.ith .ith-mm{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.ith .ith-mm button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:92px;border:1px solid #e6e8ee;border-radius:10px;background:#f4f5f8;color:#7b8190;font:inherit;font-size:14px;cursor:pointer}
.ith .ith-mm button:hover{border-color:#c9cdd6;color:#4b5563}
.ith .ith-mm button.on{background:#fff;border-color:var(--c);color:var(--c);box-shadow:0 2px 8px color-mix(in srgb,var(--c) 15%,transparent)}
.ith .ith-madd{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 18px}
.ith .ith-madd button{display:flex;align-items:stretch;width:100%;max-width:220px;height:40px;padding:0;border:0;border-radius:6px;overflow:hidden;background:#f1f2f5;color:#1c2530;font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.ith .ith-madd button i{display:flex;align-items:center;justify-content:center;width:42px;background:var(--c);color:#fff;font-style:normal}
.ith .ith-madd button span{display:flex;align-items:center;padding:0 12px}
.ith .ith-madd button:hover{background:#e8eaef}
.ith .ith-madd button:focus-visible,.ith .ith-mm button:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.ith .ith-med{display:flex;flex-direction:column;gap:2px;border-top:1px dashed #e3e5ea;padding-top:14px;margin-bottom:6px}
.ith .ith-med h3{margin:0 0 8px;font-size:17px}
.ith .ith-mta{width:100%;min-height:58px;resize:vertical;font:inherit;font-size:15px;padding:8px 10px;border:1px solid #dcdfe6;border-radius:8px}
.ith .ith-mrow{display:flex;gap:10px;align-items:flex-end}
.ith .ith-mrow>*{flex:1;min-width:0}
.ith .ith-mrow .ith-add{margin:6px 0 0}
.ith .ith-mdel{color:#dc2626!important;border-color:#fecaca!important}
.ith .ith-mtip{margin:6px 0 0;font-size:12.5px;color:#6b7280;line-height:1.5}
@media(max-width:820px){.ith .ith-mside{order:0}.ith .ith-mcv{max-height:60vh}}

/* v2.12 Remove Background */
.ith .ith-bgstage{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:0}
.ith .ith-bgtabs{display:inline-flex;background:#f1f5f9;border-radius:999px;padding:4px;align-self:center}
.ith .ith-bgtabs button{border:0;background:transparent;font:inherit;font-weight:600;font-size:14px;padding:8px 18px;border-radius:999px;cursor:pointer;color:#475569}
.ith .ith-bgtabs button.on{background:var(--c);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--c) 35%,transparent)}
.ith .ith-bgbox{position:relative;max-width:100%;line-height:0}
.ith .ith-bgcv{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.14);touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,#d9dee6 25%,transparent 25%,transparent 75%,#d9dee6 75%),linear-gradient(45deg,#d9dee6 25%,transparent 25%,transparent 75%,#d9dee6 75%);background-size:20px 20px;background-position:0 0,10px 10px}
.ith .ith-bgbusy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.78);border-radius:12px;font-weight:700;color:#1e293b;line-height:1.3;text-align:center;padding:16px}
.ith .ith-bgbusy[hidden]{display:none}
.ith .ith-bgspin{width:38px;height:38px;border-radius:50%;border:4px solid color-mix(in srgb,var(--c) 22%,#fff);border-top-color:var(--c);animation:ithspin .8s linear infinite}
@keyframes ithspin{to{transform:rotate(360deg)}}
.ith .ith-bgh{margin:18px 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.ith .ith-bgeng,.ith .ith-bgbr{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.ith .ith-bgeng button,.ith .ith-bgbr button{border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:10px 6px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:#334155}
.ith .ith-bgeng button.on,.ith .ith-bgbr button.on{background:color-mix(in srgb,var(--c) 12%,#fff);border-color:var(--c);color:var(--c)}
.ith .ith-bgnote{font-size:12.5px;color:#64748b;margin:0 0 14px;line-height:1.4}
.ith .ith-bgcut.off{opacity:.45;pointer-events:none}
.ith .ith-bgsw{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 6px}
.ith .ith-bgsw button{width:32px;height:32px;border-radius:50%;border:2px solid #e2e8f0;cursor:pointer;padding:0}
.ith .ith-bgsw button.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 45%,transparent);border-color:#fff}
.ith .ith-bgsw button.t{background-color:#fff;background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%,transparent 75%,#cbd5e1 75%),linear-gradient(45deg,#cbd5e1 25%,transparent 25%,transparent 75%,#cbd5e1 75%);background-size:10px 10px;background-position:0 0,5px 5px}
.ith .ith-bgsw input[type=color]{width:36px;height:32px;padding:0;border:0;background:none;cursor:pointer}
@media(max-width:820px){.ith .ith-bgcv{max-height:60vh}}

.ith .ith-bgbr button:nth-child(3){grid-column:1/-1;font-size:13px}