/**
 * ToolsLuv Mobile V2 — Category pages (C1)
 * Opt-in: html[data-tl-mobile-v2="category-v1"]
 * Scope: category pages mobile only (max-width 760px via link media)
 */

body.category-front{
  background:
    radial-gradient(circle at 12% 7%,rgba(14,165,233,.08),transparent 28%),
    radial-gradient(circle at 84% 8%,rgba(236,72,153,.08),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 38%,#f4fbff 72%,#ffffff 100%)!important;
  color:#171d24;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .page-shell{
  max-width:1240px;
  padding-top:1.15rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .breadcrumb{
  max-width:1120px;
  margin:1rem auto .55rem;
  font-size:.82rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero{
  display:block;
  max-width:900px;
  margin:0 auto;
  padding:2.35rem 0 1rem;
  text-align:center;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero:before{
  left:18%;
  right:18%;
  top:.3rem;
  background:linear-gradient(90deg,transparent,rgba(var(--cat-rgb),.28),rgba(14,165,233,.24),transparent);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero-copy{
  max-width:880px;
  margin:auto;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero h1{
  font-family:Poppins,Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(2.35rem,5vw,4rem);
  line-height:1.02;
  font-weight:800;
  letter-spacing:0;
  margin:.42rem 0 .68rem;
  color:#171d24;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero p{
  max-width:720px;
  margin:0 auto;
  color:#607086;
  font-size:1.02rem;
  line-height:1.72;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero-visual{
  display:none;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row{
  justify-content:center;
  margin-top:1.15rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row span{
  min-height:38px;
  padding:.48rem .78rem;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.72));
  border-color:rgba(var(--cat-rgb),.18);
  color:#475569;
  box-shadow:0 12px 28px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.86);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row strong{
  color:#0f172a;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .content-section{
  max-width:980px;
  margin:1.25rem auto 1.7rem;
  padding:1.15rem 1.25rem;
  border:1px solid rgba(125,211,252,.22);
  border-radius:20px;
  background:
    radial-gradient(circle at 8% 0%,rgba(14,165,233,.08),transparent 36%),
    radial-gradient(circle at 92% 0%,rgba(236,72,153,.07),transparent 34%),
    rgba(255,255,255,.82);
  box-shadow:0 24px 56px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.92);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .content-section:before{
  display:none;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .content-section h2{
  font-family:Poppins,Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.35rem,2.2vw,1.9rem);
  color:#17202a;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .content-section p{
  color:#64748b;
  line-height:1.75;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tools-section{
  max-width:1200px;
  padding-top:1.3rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tools-section:before{
  display:none;
}
html[data-tl-mobile-v2="category-v1"] .category-tools-head{
  max-width:760px;
  margin:0 auto .65rem;
  text-align:center;
}
html[data-tl-mobile-v2="category-v1"] .category-tools-head h2{
  margin:.35rem 0 .35rem;
  font-family:Poppins,Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.8rem,3vw,2.75rem);
  line-height:1.08;
  color:#171d24;
}
html[data-tl-mobile-v2="category-v1"] .category-tools-head p{
  margin:0;
  color:#657389;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:.3rem;
  width:min(620px,100%);
  margin:.75rem auto 2.3rem;
  padding:.38rem;
  border:1px solid rgba(125,211,252,.26);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 46px rgba(15,23,42,.09),0 0 0 6px rgba(14,165,233,.035),inset 0 1px 0 rgba(255,255,255,.94);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search svg{
  width:19px;
  height:19px;
  justify-self:center;
  color:#0ea5e9;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#16202b;
  font:600 .95rem/1.4 Poppins,Inter,ui-sans-serif,system-ui,sans-serif;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search input::placeholder{
  color:#93a2b7;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search button{
  min-height:40px;
  border:0;
  border-radius:999px;
  padding:.55rem 1.05rem;
  background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 54%,#ec4899 100%);
  color:#fff;
  font-weight:850;
  box-shadow:0 12px 26px rgba(14,165,233,.24),inset 0 1px 0 rgba(255,255,255,.24);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.05rem;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card{
  --tile-a:rgba(14,165,233,.18);
  --tile-b:rgba(99,102,241,.14);
  --tile-c:rgba(236,72,153,.12);
  --icon-a:#38bdf8;
  --icon-b:#8b5cf6;
  min-height:156px;
  padding:1rem;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-areas:"icon title" "icon badge" "desc desc" "action action";
  row-gap:.18rem;
  column-gap:.72rem;
  border:1px solid transparent;
  border-radius:14px;
  background:
    radial-gradient(circle at 12% 0%,var(--tile-a),transparent 38%),
    radial-gradient(circle at 88% 0%,var(--tile-c),transparent 36%),
    linear-gradient(145deg,var(--tile-a),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,253,255,.84)) padding-box,
    linear-gradient(135deg,rgba(var(--card-accent),.18),rgba(255,255,255,.76),rgba(14,165,233,.14)) border-box;
  box-shadow:0 16px 38px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.92);
  color:#17202a;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+1){--tile-a:rgba(14,165,233,.2);--tile-b:rgba(99,102,241,.14);--tile-c:rgba(236,72,153,.13);--icon-a:#0ea5e9;--icon-b:#8b5cf6}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+2){--tile-a:rgba(236,72,153,.18);--tile-b:rgba(244,63,94,.13);--tile-c:rgba(251,191,36,.14);--icon-a:#ec4899;--icon-b:#f97316}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+3){--tile-a:rgba(20,184,166,.2);--tile-b:rgba(34,197,94,.12);--tile-c:rgba(14,165,233,.13);--icon-a:#14b8a6;--icon-b:#22c55e}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+4){--tile-a:rgba(168,85,247,.2);--tile-b:rgba(59,130,246,.14);--tile-c:rgba(236,72,153,.12);--icon-a:#8b5cf6;--icon-b:#2563eb}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+5){--tile-a:rgba(245,158,11,.2);--tile-b:rgba(251,113,133,.13);--tile-c:rgba(20,184,166,.12);--icon-a:#f59e0b;--icon-b:#ef4444}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+6){--tile-a:rgba(6,182,212,.2);--tile-b:rgba(45,212,191,.13);--tile-c:rgba(99,102,241,.12);--icon-a:#06b6d4;--icon-b:#6366f1}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+7){--tile-a:rgba(59,130,246,.2);--tile-b:rgba(14,165,233,.13);--tile-c:rgba(34,197,94,.12);--icon-a:#3b82f6;--icon-b:#10b981}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+8){--tile-a:rgba(244,63,94,.2);--tile-b:rgba(168,85,247,.13);--tile-c:rgba(14,165,233,.12);--icon-a:#f43f5e;--icon-b:#a855f7}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:before{
  opacity:.42;
  background:radial-gradient(340px circle at var(--glow-x,18%) var(--glow-y,0%),rgba(var(--card-accent),.1),transparent 46%);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:after{
  opacity:.04;
  mix-blend-mode:multiply;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:hover{
  transform:translateY(-5px);
  border-color:transparent;
  box-shadow:0 24px 52px rgba(15,23,42,.11),0 12px 28px rgba(var(--card-accent),.09),inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  background:linear-gradient(135deg,var(--icon-a),var(--icon-b));
  border-color:rgba(255,255,255,.36);
  box-shadow:0 12px 26px rgba(var(--card-accent),.2),0 0 24px rgba(14,165,233,.12),inset 0 1px 0 rgba(255,255,255,.34);
  color:#fff;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-icon svg{
  color:#fff;
  stroke-width:2.65;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.22));
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-icon .icon-fallback{
  color:#fff;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card h3{
  font-family:Poppins,Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:.98rem;
  font-weight:750;
  color:#17202a;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card p{
  margin:.72rem 0 .9rem;
  color:#64748b;
  font-size:.82rem;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card .category-badge{
  color:rgb(var(--card-accent));
  font-weight:800;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card .quick-action{
  min-height:34px;
  padding:.48rem .74rem;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(var(--card-accent),.1));
  border-color:rgba(var(--card-accent),.16);
  color:#0f172a;
  box-shadow:0 10px 22px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:hover .quick-action{
  background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 54%,#ec4899 100%);
  color:#fff;
  border-color:rgba(255,255,255,.28);
  box-shadow:0 14px 30px rgba(14,165,233,.22),0 0 26px rgba(236,72,153,.12);
}
html[data-tl-mobile-v2="category-v1"] .category-empty-state{
  width:min(620px,100%);
  margin:1.2rem auto 0;
  padding:1rem;
  border:1px solid rgba(125,211,252,.24);
  border-radius:16px;
  background:rgba(255,255,255,.86);
  color:#64748b;
  text-align:center;
  font-weight:750;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front{
  background:
    radial-gradient(circle at 14% 6%,rgba(14,165,233,.12),transparent 30%),
    radial-gradient(circle at 84% 8%,rgba(236,72,153,.1),transparent 28%),
    linear-gradient(180deg,#121e27 0%,#17242d 44%,#14212a 100%)!important;
  color:#f8fafc;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-hero h1, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head h2, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .content-section h2{
  color:#f8fafc;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-hero p, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head p, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .content-section p{
  color:#b8c8d5;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row span, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .content-section, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-empty-state{
  background:linear-gradient(145deg,rgba(32,49,60,.92),rgba(19,33,43,.9));
  border-color:rgba(125,211,252,.16);
  color:#cbd5e1;
  box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row strong{
  color:#fff;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search{
  background:linear-gradient(145deg,rgba(32,49,60,.96),rgba(19,33,43,.96));
  border-color:rgba(125,211,252,.2);
  box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 0 6px rgba(14,165,233,.04),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search input{
  color:#f8fafc;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card{
  background:
    radial-gradient(circle at 12% 0%,var(--tile-a),transparent 38%),
    radial-gradient(circle at 88% 0%,var(--tile-c),transparent 36%),
    linear-gradient(145deg,var(--tile-a),transparent 44%),
    linear-gradient(145deg,rgba(32,49,60,.96),rgba(19,33,43,.98)) padding-box,
    linear-gradient(135deg,rgba(var(--card-accent),.26),rgba(125,211,252,.12),rgba(236,72,153,.16)) border-box;
  box-shadow:0 18px 46px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.07);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card h3{
  color:#f8fafc;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card p{
  color:#b8c8d5;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .quick-action{
  background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 54%,#ec4899 100%);
  color:#fff;
  border-color:rgba(255,255,255,.24);
}
html[data-tl-mobile-v2="category-v1"] .category-tools-head{
  max-width:760px;
  margin:0 auto .65rem;
  text-align:center;
}
html[data-tl-mobile-v2="category-v1"] .category-tools-head h2{
  margin:.35rem 0 .35rem;
  font-family:Poppins,Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.8rem,3vw,2.75rem);
  line-height:1.08;
  color:#171d24;
}
html[data-tl-mobile-v2="category-v1"] .category-tools-head p{
  margin:0;
  color:#657389;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:.3rem;
  width:min(620px,100%);
  margin:.75rem auto 2.3rem;
  padding:.38rem;
  border:1px solid rgba(125,211,252,.26);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 46px rgba(15,23,42,.09),0 0 0 6px rgba(14,165,233,.035),inset 0 1px 0 rgba(255,255,255,.94);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search svg{
  width:19px;
  height:19px;
  justify-self:center;
  color:#0ea5e9;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#16202b;
  font:600 .95rem/1.4 Poppins,Inter,ui-sans-serif,system-ui,sans-serif;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search input::placeholder{
  color:#93a2b7;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-search button{
  min-height:40px;
  border:0;
  border-radius:999px;
  padding:.55rem 1.05rem;
  background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 54%,#ec4899 100%);
  color:#fff;
  font-weight:850;
  box-shadow:0 12px 26px rgba(14,165,233,.24),inset 0 1px 0 rgba(255,255,255,.24);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.05rem;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card{
  --tile-a:rgba(14,165,233,.18);
  --tile-b:rgba(99,102,241,.14);
  --tile-c:rgba(236,72,153,.12);
  --icon-a:#38bdf8;
  --icon-b:#8b5cf6;
  min-height:156px;
  padding:1rem;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-areas:"icon title" "icon badge" "desc desc" "action action";
  row-gap:.18rem;
  column-gap:.72rem;
  border:1px solid transparent;
  border-radius:14px;
  background:
    radial-gradient(circle at 12% 0%,var(--tile-a),transparent 38%),
    radial-gradient(circle at 88% 0%,var(--tile-c),transparent 36%),
    linear-gradient(145deg,var(--tile-a),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,253,255,.84)) padding-box,
    linear-gradient(135deg,rgba(var(--card-accent),.18),rgba(255,255,255,.76),rgba(14,165,233,.14)) border-box;
  box-shadow:0 16px 38px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.92);
  color:#17202a;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+1){--tile-a:rgba(14,165,233,.2);--tile-b:rgba(99,102,241,.14);--tile-c:rgba(236,72,153,.13);--icon-a:#0ea5e9;--icon-b:#8b5cf6}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+2){--tile-a:rgba(236,72,153,.18);--tile-b:rgba(244,63,94,.13);--tile-c:rgba(251,191,36,.14);--icon-a:#ec4899;--icon-b:#f97316}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+3){--tile-a:rgba(20,184,166,.2);--tile-b:rgba(34,197,94,.12);--tile-c:rgba(14,165,233,.13);--icon-a:#14b8a6;--icon-b:#22c55e}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+4){--tile-a:rgba(168,85,247,.2);--tile-b:rgba(59,130,246,.14);--tile-c:rgba(236,72,153,.12);--icon-a:#8b5cf6;--icon-b:#2563eb}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+5){--tile-a:rgba(245,158,11,.2);--tile-b:rgba(251,113,133,.13);--tile-c:rgba(20,184,166,.12);--icon-a:#f59e0b;--icon-b:#ef4444}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+6){--tile-a:rgba(6,182,212,.2);--tile-b:rgba(45,212,191,.13);--tile-c:rgba(99,102,241,.12);--icon-a:#06b6d4;--icon-b:#6366f1}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+7){--tile-a:rgba(59,130,246,.2);--tile-b:rgba(14,165,233,.13);--tile-c:rgba(34,197,94,.12);--icon-a:#3b82f6;--icon-b:#10b981}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:nth-child(8n+8){--tile-a:rgba(244,63,94,.2);--tile-b:rgba(168,85,247,.13);--tile-c:rgba(14,165,233,.12);--icon-a:#f43f5e;--icon-b:#a855f7}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:before{
  opacity:.42;
  background:radial-gradient(340px circle at var(--glow-x,18%) var(--glow-y,0%),rgba(var(--card-accent),.1),transparent 46%);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:after{
  opacity:.04;
  mix-blend-mode:multiply;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:hover{
  transform:translateY(-5px);
  border-color:transparent;
  box-shadow:0 24px 52px rgba(15,23,42,.11),0 12px 28px rgba(var(--card-accent),.09),inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  background:linear-gradient(135deg,var(--icon-a),var(--icon-b));
  border-color:rgba(255,255,255,.36);
  box-shadow:0 12px 26px rgba(var(--card-accent),.2),0 0 24px rgba(14,165,233,.12),inset 0 1px 0 rgba(255,255,255,.34);
  color:#fff;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-icon svg{
  color:#fff;
  stroke-width:2.65;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.22));
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-icon .icon-fallback{
  color:#fff;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card h3{
  font-family:Poppins,Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:.98rem;
  font-weight:750;
  color:#17202a;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card p{
  margin:.72rem 0 .9rem;
  color:#64748b;
  font-size:.82rem;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card .category-badge{
  color:rgb(var(--card-accent));
  font-weight:800;
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card .quick-action{
  min-height:34px;
  padding:.48rem .74rem;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(var(--card-accent),.1));
  border-color:rgba(var(--card-accent),.16);
  color:#0f172a;
  box-shadow:0 10px 22px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-tl-mobile-v2="category-v1"] .category-tool-grid .tool-card:hover .quick-action{
  background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 54%,#ec4899 100%);
  color:#fff;
  border-color:rgba(255,255,255,.28);
  box-shadow:0 14px 30px rgba(14,165,233,.22),0 0 26px rgba(236,72,153,.12);
}
html[data-tl-mobile-v2="category-v1"] .category-empty-state{
  width:min(620px,100%);
  margin:1.2rem auto 0;
  padding:1rem;
  border:1px solid rgba(125,211,252,.24);
  border-radius:16px;
  background:rgba(255,255,255,.86);
  color:#64748b;
  text-align:center;
  font-weight:750;
}

@media (max-width:760px){
  body.category-front .page-shell{padding-inline:16px}
  .category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
  .category-tool-search{grid-template-columns:38px minmax(0,1fr);border-radius:18px}
  .category-tool-search button{grid-column:1/-1}
}
@media (max-width:520px){
  .category-tool-grid{grid-template-columns:1fr}
  body.category-front .category-hero{text-align:left}
  body.category-front .category-hero p{margin:0}
  body.category-front .category-stat-row{justify-content:flex-start}
  .category-tools-head{text-align:left}
}
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-search{
  width:min(760px,100%);
}
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card{
  border-radius:18px;
  box-shadow:0 18px 40px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.94);
}
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .content-section{
  content-visibility:visible;
  contain-intrinsic-size:auto;
}
@media (max-width:760px){
  body.category-front-image-tools .page-shell{
    padding-inline:14px;
  }
  body.category-front-image-tools .category-hero{
    padding-top:1.25rem;
    padding-bottom:1.15rem;
  }
  body.category-front-image-tools .category-hero-visual{
    display:none;
  }
  body.category-front-image-tools .category-stat-row{
    gap:.45rem;
  }
  body.category-front-image-tools .category-stat-row span{
    min-height:34px;
    padding:.42rem .62rem;
    font-size:.78rem;
  }
  body.category-front-image-tools .category-tools-section{
    padding-top:.35rem;
  }
  body.category-front-image-tools .category-tools-head{
    margin-bottom:.65rem;
    text-align:center;
  }
  body.category-front-image-tools .category-tool-search{
    position:sticky;
    top:72px;
    z-index:5;
    grid-template-columns:38px minmax(0,1fr);
    margin:0 0 .9rem;
    padding:.42rem;
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 26px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(12px);
  }
  body.category-front-image-tools .category-tool-search input{
    min-height:44px;
    font-size:.92rem;
  }
  body.category-front-image-tools .category-tool-search button{
    display:none;
  }
  body.category-front-image-tools .category-tool-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  body.category-front-image-tools .category-tool-grid .tool-card{
    min-height:0;
    padding:14px;
    grid-template-columns:40px minmax(0,1fr);
    grid-template-areas:"icon badge" "icon title" "desc desc";
    column-gap:12px;
    row-gap:4px;
    align-items:start;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.88);
  }
  body.category-front-image-tools .category-tool-grid .tool-icon{
    width:38px;
    height:38px;
    border-radius:12px;
  }
  body.category-front-image-tools .category-tool-grid .tool-card .category-badge{
    justify-self:start;
    margin:0;
    padding:3px 7px;
    font-size:9px;
    line-height:1;
  }
  body.category-front-image-tools .category-tool-grid .tool-card h3{
    margin:0;
    font-size:clamp(.86rem,3.8vw,.98rem);
    line-height:1.32;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:normal;
    white-space:normal;
    text-overflow:unset;
  }
  body.category-front-image-tools .category-tool-grid .tool-card p{
    display:-webkit-box!important;
    margin:6px 0 0;
    font-size:.78rem;
    line-height:1.45;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.category-front-image-tools .category-tool-grid .tool-card .quick-action{
    display:none;
  }
  body.category-front-image-tools .content-section{
    margin-top:1rem;
    padding:1rem;
    border-radius:20px;
  }
  body.category-front-image-tools .content-section h2{
    font-size:1.35rem;
    line-height:1.2;
  }
  body.category-front-image-tools .content-section p{
    font-size:.9rem;
    line-height:1.55;
  }
  body.category-front-calculators .page-shell{
    padding-inline:14px;
  }
  body.category-front-calculators .category-hero{
    padding-top:1.25rem;
    padding-bottom:1.15rem;
  }
  body.category-front-calculators .category-hero-visual{
    display:none;
  }
  body.category-front-calculators .category-stat-row{
    gap:.45rem;
  }
  body.category-front-calculators .category-stat-row span{
    min-height:34px;
    padding:.42rem .62rem;
    font-size:.78rem;
  }
  body.category-front-calculators .category-tools-section{
    padding-top:.35rem;
  }
  body.category-front-calculators .category-tools-head{
    margin-bottom:.65rem;
    text-align:center;
  }
  body.category-front-calculators .category-tool-search{
    position:sticky;
    top:72px;
    z-index:5;
    grid-template-columns:40px minmax(0,1fr);
    margin:0 0 .9rem;
    padding:4px 10px 4px 6px;
    border-radius:16px;
    border-color:rgba(20,184,166,.22);
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 22px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  body.category-front-calculators .category-tool-search:focus-within{
    border-color:rgba(20,184,166,.42);
    box-shadow:0 10px 26px rgba(15,23,42,.08),0 0 0 3px rgba(20,184,166,.12);
  }
  body.category-front-calculators .category-tool-search svg{
    width:20px;
    height:20px;
    color:#14b8a6;
    opacity:1;
  }
  body.category-front-calculators .category-tool-search input{
    min-height:48px;
    font-size:15px;
    font-weight:600;
    color:#172033;
    opacity:1;
  }
  body.category-front-calculators .category-tool-search input::placeholder{
    color:#475569;
    opacity:1;
  }
  body.category-front-calculators .category-tool-search button{
    display:none;
  }
  body.category-front-calculators .category-tool-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  body.category-front-calculators .category-tool-grid .tool-card{
    min-height:0;
    padding:14px;
    grid-template-columns:40px minmax(0,1fr);
    grid-template-areas:"icon badge" "icon title" "desc desc";
    column-gap:12px;
    row-gap:4px;
    align-items:start;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.88);
  }
  body.category-front-calculators .category-tool-grid .tool-icon{
    width:38px;
    height:38px;
    border-radius:12px;
  }
  body.category-front-calculators .category-tool-grid .tool-card .category-badge{
    justify-self:start;
    margin:0;
    padding:3px 7px;
    font-size:9px;
    line-height:1;
  }
  body.category-front-calculators .category-tool-grid .tool-card h3{
    margin:0;
    font-size:clamp(.86rem,3.8vw,.98rem);
    line-height:1.32;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:normal;
    white-space:normal;
    text-overflow:unset;
  }
  body.category-front-calculators .category-tool-grid .tool-card p{
    display:-webkit-box!important;
    margin:6px 0 0;
    font-size:.78rem;
    line-height:1.45;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    opacity:1;
  }
  body.category-front-calculators .category-tool-grid .tool-card .quick-action{
    display:none!important;
  }
  body.category-front-calculators .content-section{
    margin-top:1rem;
    padding:1rem;
    border-radius:20px;
    content-visibility:visible;
    contain-intrinsic-size:auto;
  }
  body.category-front-calculators .premium-content-section{
    content-visibility:visible;
    contain-intrinsic-size:auto;
  }
  body.category-front-calculators .site-footer{
    content-visibility:visible;
    contain-intrinsic-size:auto;
    margin-top:1.35rem;
  }
  body.category-front-calculators #loadingOverlay{
    display:none!important;
  }
  html:has(body.category-front-calculators),
  body.category-front-calculators{
    background:#f8fbff!important;
  }
  html:not(.nav-open):has(body.category-front-calculators),
  html:not(.nav-open) body.category-front-calculators{
    overflow-x:hidden;
    overflow-y:auto;
    height:auto;
    min-height:100%;
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
  }
  body.category-front-calculators main.page-shell{
    overflow:visible;
    height:auto;
    max-height:none;
  }
  body.category-front-calculators .category-tools-section,
  body.category-front-calculators .category-tool-grid,
  body.category-front-calculators .premium-content-section,
  body.category-front-calculators .related-tools-section,
  body.category-front-calculators .tool-faq{
    content-visibility:visible;
    contain-intrinsic-size:auto;
  }
  body.category-front-calculators .category-tool-grid .tool-card{
    -webkit-tap-highlight-color:rgba(20,184,166,.14);
    tap-highlight-color:rgba(20,184,166,.14);
  }
  body.category-front-calculators .category-tool-grid .tool-card:before,
  body.category-front-calculators .category-tool-grid .tool-card:active:before,
  body.category-front-calculators .category-tool-grid .tool-card:focus-visible:before{
    opacity:0!important;
  }
  body.category-front-calculators .category-tool-grid .tool-card:active{
    transform:scale(.985);
    opacity:1;
  }
  html[data-theme="dark"] body.category-front-calculators .category-tool-search{
    background:rgba(15,23,42,.88);
    border-color:rgba(20,184,166,.28);
    box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
  }
  html[data-theme="dark"] body.category-front-calculators .category-tool-search input{
    color:#f8fafc;
  }
  html[data-theme="dark"] body.category-front-calculators .category-tool-search input::placeholder{
    color:#cbd5e1;
    opacity:1;
  }
}
@media (max-width:360px){
  body.category-front-image-tools .page-shell{
    padding-inline:12px;
  }
  body.category-front-image-tools .category-tool-grid{
    gap:8px;
  }
  body.category-front-image-tools .category-tool-grid .tool-card{
    padding:12px;
    grid-template-columns:36px minmax(0,1fr);
    column-gap:10px;
  }
  body.category-front-image-tools .category-tool-grid .tool-icon{
    width:36px;
    height:36px;
  }
  body.category-front-image-tools .category-tool-grid .tool-card h3{
    font-size:.84rem;
    -webkit-line-clamp:3;
  }
  body.category-front-image-tools .category-tool-grid .tool-card p{
    display:-webkit-box!important;
    font-size:.74rem;
    -webkit-line-clamp:2;
  }
}
html[data-tl-mobile-v2="category-v1"] /* Phase 8 category page premium completion */
body.category-front .category-featured-shortcuts{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:.52rem;
  max-width:860px;
  margin:1.05rem auto 0;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-label, html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:999px;
  border:1px solid rgba(var(--cat-rgb),.18);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.76));
  box-shadow:0 10px 24px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.9);
  color:#334155;
  font-size:.84rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-label{
  padding:.58rem .82rem;
  color:rgb(var(--cat-rgb));
  background:linear-gradient(135deg,rgba(var(--cat-rgb),.12),rgba(255,255,255,.88));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a{
  padding:.58rem .9rem;
  transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),color .22s var(--ease);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:hover, html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(var(--cat-rgb),.34);
  background:linear-gradient(135deg,rgba(255,255,255,1),rgba(var(--cat-rgb),.11));
  color:#0f172a;
  box-shadow:0 16px 34px rgba(15,23,42,.08),0 0 26px rgba(var(--cat-rgb),.1),inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:focus-visible, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search input:focus-visible, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search button:focus-visible, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:focus-visible, html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a:focus-visible{
  outline:3px solid rgba(37,99,235,.2);
  outline-offset:3px;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head{
  max-width:780px;
  margin-bottom:.85rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head .eyebrow, html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-copy .eyebrow{
  border:1px solid rgba(37,99,235,.18);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,.82));
  padding:.42rem .72rem;
  box-shadow:0 10px 24px rgba(37,99,235,.07),inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid{
  align-items:stretch;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card{
  height:100%;
  min-height:168px;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(var(--card-accent),.22);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-section{
  max-width:1180px;
  display:grid;
  grid-template-columns:1fr;
  gap:1.15rem;
  align-items:stretch;
  margin:1.35rem auto 1.6rem;
  padding:1rem;
  border-radius:18px;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-copy{
  display:grid;
  align-content:center;
  gap:.45rem;
  min-width:0;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-copy h2{
  margin:.2rem 0 .2rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:.78rem;
  min-width:0;
  width:100%;
  max-width:100%;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card{
  display:grid;
  align-content:start;
  gap:.5rem;
  min-width:0;
  min-height:100%;
  padding:.95rem;
  border:1px solid rgba(125,211,252,.2);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,252,255,.78));
  box-shadow:0 16px 36px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.92);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card h3{
  margin:0 0 .12rem;
  color:#17202a;
  font-size:.96rem;
  line-height:1.25;
  font-weight:850;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  min-height:40px;
  padding:.55rem .68rem;
  border:1px solid rgba(37,99,235,.12);
  border-radius:12px;
  background:rgba(255,255,255,.78);
  color:#1d4ed8;
  font-size:.86rem;
  font-weight:800;
  line-height:1.25;
  transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a:after{
  content:"\2197";
  flex:0 0 auto;
  opacity:.68;
  font-weight:900;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a:hover{
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.25);
  background:#fff;
  box-shadow:0 10px 22px rgba(37,99,235,.08);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-recent-slot{
  background:radial-gradient(circle at 16% 0%,rgba(14,165,233,.1),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,246,255,.72));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-recent-slot p{
  margin:.15rem 0 0;
  color:#64748b;
  font-size:.85rem;
  line-height:1.55;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-featured-label, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a{
  background:linear-gradient(145deg,rgba(32,49,60,.94),rgba(19,33,43,.9));
  border-color:rgba(125,211,252,.18);
  color:#dbeafe;
  box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-featured-label{
  color:#93c5fd;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:hover, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:focus-visible{
  color:#fff;
  border-color:rgba(147,197,253,.34);
  background:linear-gradient(135deg,rgba(30,64,88,.94),rgba(19,33,43,.98));
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head .eyebrow, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-copy .eyebrow{
  background:linear-gradient(145deg,rgba(32,49,60,.94),rgba(19,33,43,.9));
  border-color:rgba(125,211,252,.18);
  color:#93c5fd;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-card{
  border-color:rgba(125,211,252,.16);
  background:linear-gradient(145deg,rgba(32,49,60,.93),rgba(19,33,43,.94));
  box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-card h3{
  color:#f8fafc;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a{
  border-color:rgba(125,211,252,.14);
  background:rgba(15,23,42,.38);
  color:#bfdbfe;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a:hover{
  border-color:rgba(147,197,253,.32);
  background:rgba(30,41,59,.58);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-recent-slot p{
  color:#b8c8d5;
}
@media (max-width:1050px){
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-section{
    grid-template-columns:1fr;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-grid{
    grid-template-columns:1fr;
  }
  body.category-front .category-support-section{
    grid-template-columns:1fr;
  }
  body.category-front .category-support-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  html[data-theme="dark"] body.category-front .breadcrumb{
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.62))!important;
    color:#94a3b8!important;
    border-bottom:1px solid rgba(125,211,252,.1);
  }
  html[data-theme="dark"] body.category-front .breadcrumb a{
    color:#93c5fd!important;
  }
  html[data-theme="dark"] body.category-front .category-hero{
    background:
      radial-gradient(circle at 12% 0%,rgba(14,165,233,.14),transparent 38%),
      radial-gradient(circle at 88% 8%,rgba(236,72,153,.1),transparent 34%),
      linear-gradient(180deg,#13212b,#162631 72%,#13212b)!important;
    border:1px solid rgba(125,211,252,.1);
    box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  }
  html[data-theme="dark"] body.category-front .category-hero h1{
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
  }
  html[data-theme="dark"] body.category-front .category-hero p{
    color:#cbd5e1!important;
    -webkit-text-fill-color:#cbd5e1!important;
  }
  body.category-front .category-featured-shortcuts{
    justify-content:center;
    gap:.42rem;
    margin-top:.9rem;
  }
  body.category-front .category-featured-label,
  body.category-front .category-featured-shortcuts a{
    min-height:36px;
    padding:.52rem .68rem;
    font-size:.78rem;
  }
  body.category-front .category-tool-grid{
    grid-template-columns:1fr;
  }
  body.category-front .category-tool-grid .tool-card{
    min-height:0;
  }
  body.category-front .category-tool-grid .tool-card .quick-action{
    display:inline-flex!important;
    width:max-content;
  }
  body.category-front .category-support-section{
    margin:1.35rem auto 1.6rem;
    padding:1rem;
    border-radius:18px;
  }
  body.category-front .category-support-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:520px){
  body.category-front .category-featured-shortcuts{
    justify-content:flex-start;
  }
  body.category-front .category-featured-label{
    flex-basis:100%;
    width:max-content;
  }
  body.category-front .category-support-section{
    padding:.9rem;
  }
  body.category-front .category-support-card{
    padding:.82rem;
  }
}
@media (prefers-reduced-motion:reduce){
  body.category-front .category-featured-shortcuts a,
  body.category-front .category-tool-grid .tool-card,
  body.category-front .category-support-card a{
    transition-duration:.01ms!important;
  }
}
html[data-tl-mobile-v2="category-v1"] /* Phase 8.1 category page premium polish */
body.category-front{
  --cat-rgb:37,99,235;
  --cat-accent-2-rgb:14,165,233;
  --cat-accent:#2563eb;
  --cat-accent-2:#0ea5e9;
  --cat-ink:#174ea6;
  --cat-motif:"TOOLS";
  background:
    radial-gradient(circle at 10% 6%,rgba(var(--cat-rgb),.075),transparent 30%),
    radial-gradient(circle at 88% 9%,rgba(var(--cat-accent-2-rgb),.06),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 44%,#f5faff 76%,#ffffff 100%)!important;
}
html[data-tl-mobile-v2="category-v1"] body.category-front-pdf-tools{
  --cat-rgb:239,68,68;
  --cat-accent-2-rgb:251,113,133;
  --cat-accent:#ef4444;
  --cat-accent-2:#fb7185;
  --cat-ink:#b42318;
  --cat-motif:"PDF";
}
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools{
  --cat-rgb:14,165,233;
  --cat-accent-2-rgb:37,99,235;
  --cat-accent:#0ea5e9;
  --cat-accent-2:#2563eb;
  --cat-ink:#075985;
  --cat-motif:"IMG";
}
html[data-tl-mobile-v2="category-v1"] body.category-front-calculators{
  --cat-rgb:20,184,166;
  --cat-accent-2-rgb:34,197,94;
  --cat-accent:#14b8a6;
  --cat-accent-2:#22c55e;
  --cat-ink:#0f766e;
  --cat-motif:"123";
}
html[data-tl-mobile-v2="category-v1"] body.category-front-text-tools{
  --cat-rgb:139,92,246;
  --cat-accent-2-rgb:168,85,247;
  --cat-accent:#8b5cf6;
  --cat-accent-2:#a855f7;
  --cat-ink:#6d28d9;
  --cat-motif:"TXT";
}
html[data-tl-mobile-v2="category-v1"] body.category-front-seo-tools{
  --cat-rgb:245,158,11;
  --cat-accent-2-rgb:249,115,22;
  --cat-accent:#f59e0b;
  --cat-accent-2:#f97316;
  --cat-ink:#b45309;
  --cat-motif:"SEO";
}
html[data-tl-mobile-v2="category-v1"] body.category-front-developer-tools{
  --cat-rgb:79,70,229;
  --cat-accent-2-rgb:37,99,235;
  --cat-accent:#4f46e5;
  --cat-accent-2:#2563eb;
  --cat-ink:#3730a3;
  --cat-motif:"</>";
}
html[data-tl-mobile-v2="category-v1"] body.category-front-ai-tools{
  --cat-rgb:124,58,237;
  --cat-accent-2-rgb:59,130,246;
  --cat-accent:#7c3aed;
  --cat-accent-2:#3b82f6;
  --cat-ink:#5b21b6;
  --cat-motif:"AI";
}
html[data-tl-mobile-v2="category-v1"] body.category-front .page-shell{
  max-width:1240px;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .breadcrumb{
  border-radius:999px;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero{
  display:block;
  max-width:900px;
  margin:0 auto;
  padding:2.35rem 0 1rem;
  text-align:center;
  position:relative;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero:before{
  left:18%;
  right:18%;
  top:.3rem;
  background:linear-gradient(90deg,transparent,rgba(var(--cat-rgb),.28),rgba(14,165,233,.24),transparent);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero:after{
  display:none;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero-copy{
  max-width:880px;
  margin:0 auto;
  min-width:0;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero h1{
  max-width:none;
  font-weight:800;
  letter-spacing:0;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero p{
  max-width:720px;
  margin:0 auto;
  color:#607086;
  line-height:1.72;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero .eyebrow, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head .eyebrow, html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-copy .eyebrow{
  width:max-content;
  border:1px solid rgba(var(--cat-rgb),.18);
  background:linear-gradient(135deg,rgba(var(--cat-rgb),.105),rgba(255,255,255,.9));
  color:rgb(var(--cat-rgb));
  box-shadow:0 10px 24px rgba(var(--cat-rgb),.07),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row, html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts{
  justify-content:flex-start;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row span{
  width:auto;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(var(--cat-rgb),.07));
  border-color:rgba(var(--cat-rgb),.17);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row svg, html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-label{
  color:rgb(var(--cat-rgb));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-label, html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a{
  border-color:rgba(var(--cat-rgb),.18);
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(var(--cat-rgb),.065));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:hover, html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts a:focus-visible{
  border-color:rgba(var(--cat-rgb),.34);
  background:linear-gradient(135deg,#fff,rgba(var(--cat-rgb),.11));
  box-shadow:0 14px 30px rgba(15,23,42,.075),0 0 22px rgba(var(--cat-rgb),.09),inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero-visual{
  display:none;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search{
  border-color:rgba(var(--cat-rgb),.24);
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(15,23,42,.075),0 0 0 6px rgba(var(--cat-rgb),.035),inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search:focus-within{
  border-color:rgba(var(--cat-rgb),.44);
  box-shadow:0 20px 48px rgba(15,23,42,.09),0 0 0 6px rgba(var(--cat-rgb),.08),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search svg{
  color:rgb(var(--cat-rgb));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search button{
  background:linear-gradient(135deg,rgb(var(--cat-rgb)),rgb(var(--cat-accent-2-rgb)));
  box-shadow:0 12px 26px rgba(var(--cat-rgb),.2),inset 0 1px 0 rgba(255,255,255,.22);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:nth-child(n){
  --card-accent:var(--cat-rgb)!important;
  --tile-a:rgba(var(--cat-rgb),.112)!important;
  --tile-b:rgba(var(--cat-accent-2-rgb),.075)!important;
  --tile-c:rgba(var(--cat-rgb),.055)!important;
  --icon-a:var(--cat-accent)!important;
  --icon-b:var(--cat-accent-2)!important;
  min-height:176px;
  border-color:rgba(var(--cat-rgb),.12);
  background:
    radial-gradient(circle at 12% 0%,var(--tile-a),transparent 39%),
    radial-gradient(circle at 88% 0%,var(--tile-b),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,253,255,.88)) padding-box,
    linear-gradient(135deg,rgba(var(--cat-rgb),.18),rgba(255,255,255,.8),rgba(var(--cat-accent-2-rgb),.14)) border-box;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:hover{
  transform:translateY(-3px);
  box-shadow:0 21px 46px rgba(15,23,42,.095),0 10px 22px rgba(var(--cat-rgb),.08),inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(var(--cat-rgb),.32);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-icon{
  background:linear-gradient(135deg,var(--cat-accent),var(--cat-accent-2));
  box-shadow:0 12px 24px rgba(var(--cat-rgb),.18),inset 0 1px 0 rgba(255,255,255,.32);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .category-badge{
  border-color:rgba(var(--cat-rgb),.18);
  background:rgba(var(--cat-rgb),.08);
  color:rgb(var(--cat-rgb));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .quick-action{
  color:rgb(var(--cat-rgb));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-section{
  border-color:rgba(var(--cat-rgb),.18);
  background:
    radial-gradient(circle at 8% 0%,rgba(var(--cat-rgb),.07),transparent 35%),
    radial-gradient(circle at 92% 0%,rgba(var(--cat-accent-2-rgb),.055),transparent 34%),
    rgba(255,255,255,.88);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card{
  border-color:rgba(var(--cat-rgb),.14);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a{
  color:rgb(var(--cat-rgb));
  border-color:rgba(var(--cat-rgb),.12);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card a:hover{
  border-color:rgba(var(--cat-rgb),.28);
  box-shadow:0 10px 22px rgba(var(--cat-rgb),.075);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front{
  background:
    radial-gradient(circle at 10% 6%,rgba(var(--cat-rgb),.12),transparent 31%),
    radial-gradient(circle at 90% 8%,rgba(var(--cat-accent-2-rgb),.09),transparent 28%),
    linear-gradient(180deg,#0f1a22 0%,#13212b 48%,#101b24 100%)!important;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-hero:after{
  color:rgba(255,255,255,.045);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-hero .eyebrow, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tools-head .eyebrow, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-copy .eyebrow{
  background:linear-gradient(145deg,rgba(var(--cat-rgb),.18),rgba(19,33,43,.9));
  border-color:rgba(var(--cat-rgb),.26);
  color:#dbeafe;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-workspace-frame{
  border-color:rgba(var(--cat-rgb),.28);
  background:linear-gradient(145deg,rgba(22,37,48,.94),rgba(15,23,42,.92));
  box-shadow:0 24px 56px rgba(0,0,0,.3),0 12px 34px rgba(var(--cat-rgb),.1),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-workspace-preview figcaption strong{
  color:#dbeafe;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search{
  border-color:rgba(var(--cat-rgb),.26);
  background:rgba(15,23,42,.76);
  box-shadow:0 16px 36px rgba(0,0,0,.22),0 0 0 6px rgba(var(--cat-rgb),.045),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search input{
  color:#f8fafc;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:nth-child(n){
  border-color:rgba(var(--cat-rgb),.18);
  background:
    radial-gradient(circle at 12% 0%,rgba(var(--cat-rgb),.15),transparent 39%),
    radial-gradient(circle at 88% 0%,rgba(var(--cat-accent-2-rgb),.1),transparent 35%),
    linear-gradient(145deg,rgba(28,45,58,.95),rgba(18,31,42,.92)) padding-box,
    linear-gradient(135deg,rgba(var(--cat-rgb),.28),rgba(255,255,255,.06),rgba(var(--cat-accent-2-rgb),.18)) border-box;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .category-badge{
  background:rgba(var(--cat-rgb),.13);
  border-color:rgba(var(--cat-rgb),.24);
  color:#dbeafe;
}
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front .category-support-section{
  border-color:rgba(var(--cat-rgb),.18);
  background:
    radial-gradient(circle at 8% 0%,rgba(var(--cat-rgb),.12),transparent 35%),
    radial-gradient(circle at 92% 0%,rgba(var(--cat-accent-2-rgb),.08),transparent 34%),
    rgba(19,33,43,.92);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-section{
  content-visibility:visible;
  contain-intrinsic-size:auto;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .site-footer{
  content-visibility:visible;
  contain-intrinsic-size:auto;
}
@media (max-width:760px){
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero{
    display:block;
    padding:2.15rem 0 1.05rem;
    text-align:center;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero-copy{
    max-width:880px;
    margin:0 auto;
    min-width:0;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero h1{
    max-width:none;
    white-space:normal;
    margin-left:auto;
    margin-right:auto;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero p{
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.58;
    white-space:normal;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero .eyebrow{
    margin-left:auto;
    margin-right:auto;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-hero-visual{
    display:none;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row,
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-featured-shortcuts{
    justify-content:center;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-stat-row span{
    width:100%;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-search{
    min-height:58px;
    margin-bottom:1.45rem;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-section{
    grid-template-columns:1fr;
    margin:1.35rem auto 1.6rem;
    padding:1rem;
    border-radius:18px;
  }
  html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-grid{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  body.category-front .category-workspace-frame,
  body.category-front .category-workspace-frame img,
  body.category-front .category-tool-search,
  body.category-front .category-tool-grid .tool-card{
    transition-duration:.01ms!important;
  }
}
html[data-tl-mobile-v2="category-v1"] /* Phase 8 final category QA and copy polish */
body.category-front .category-tool-grid .tool-card, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:nth-child(n){
  min-height:188px;
  align-content:start;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card h3{
  min-height:2.45em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card p{
  min-height:3.1em;
  margin-bottom:.9rem;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .quick-action{
  justify-self:start;
  align-self:end;
  min-height:38px;
  padding:.52rem .84rem;
  border-radius:999px;
  background:linear-gradient(135deg,#fff,rgba(var(--cat-rgb),.1));
  border-color:rgba(var(--cat-rgb),.2);
  color:rgb(var(--cat-rgb));
  -webkit-text-fill-color:rgb(var(--cat-rgb));
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:hover .quick-action, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:focus-visible .quick-action, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .quick-action:focus-visible{
  background:linear-gradient(135deg,rgb(var(--cat-rgb)),rgb(var(--cat-accent-2-rgb)));
  border-color:rgba(255,255,255,.34);
  color:#fff;
  -webkit-text-fill-color:#fff;
  box-shadow:0 14px 30px rgba(var(--cat-rgb),.22),0 0 24px rgba(var(--cat-accent-2-rgb),.12),inset 0 1px 0 rgba(255,255,255,.28);
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:hover .quick-action svg, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:focus-visible .quick-action svg{
  color:#fff;
  stroke:#fff;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card.category-recent-slot{
  align-content:start;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-support-card.category-recent-slot a{
  width:100%;
}

@media (max-width:760px){
  body.category-front .category-tool-grid .tool-card,
  body.category-front-image-tools .category-tool-grid .tool-card{
    min-height:0;
    grid-template-areas:"icon title" "icon badge" "desc desc" "action action";
  }
  body.category-front .category-tool-grid .tool-card h3,
  body.category-front-image-tools .category-tool-grid .tool-card h3{
    min-height:0;
  }
  body.category-front .category-tool-grid .tool-card p,
  body.category-front-image-tools .category-tool-grid .tool-card p{
    min-height:0;
  }
  body.category-front .category-tool-grid .tool-card .quick-action,
  body.category-front-image-tools .category-tool-grid .tool-card .quick-action{
    display:inline-flex!important;
    width:max-content!important;
    margin-top:.65rem;
  }
  body.category-front-calculators .category-tool-grid .tool-card .quick-action{
    display:none!important;
  }
}
html[data-tl-mobile-v2="category-v1"] /* Phase 8 final category CTA accent lock */
body.category-front .category-tool-grid .tool-card .quick-action{
  background:linear-gradient(135deg,#fff,rgba(var(--cat-rgb),.1))!important;
  border-color:rgba(var(--cat-rgb),.2)!important;
  color:rgb(var(--cat-rgb))!important;
  -webkit-text-fill-color:rgb(var(--cat-rgb))!important;
  box-shadow:0 10px 22px rgba(var(--cat-rgb),.1),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:hover .quick-action, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card:focus-visible .quick-action, html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .quick-action:focus-visible{
  background:linear-gradient(135deg,rgb(var(--cat-rgb)),rgb(var(--cat-accent-2-rgb)))!important;
  border-color:rgba(255,255,255,.34)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 14px 30px rgba(var(--cat-rgb),.22),0 0 24px rgba(var(--cat-accent-2-rgb),.12),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
html[data-tl-mobile-v2="category-v1"] body.category-front .category-tool-grid .tool-card .quick-action svg{
  color:inherit!important;
  stroke:currentColor!important;
}
/* from text-tools-category-mobile.css */
/* Text Tools category page — mobile-only first paint + search UI */
@media (max-width: 760px) {
  body.category-front-text-tools {
    --cat-rgb: 139, 92, 246;
    --cat-accent-2-rgb: 168, 85, 247;
    --cat-accent: #8b5cf6;
    --cat-accent-2: #a855f7;
    --cat-ink: #6d28d9;
  }
  body.category-front-text-tools .page-shell {
    padding-inline: 14px;
  }

  body.category-front-text-tools .category-hero {
    padding-top: 1.25rem;
    padding-bottom: 1.15rem;
  }

  body.category-front-text-tools .category-tools-section {
    padding-top: 0.35rem;
  }

  body.category-front-text-tools .category-tools-head {
    margin-bottom: 0.65rem;
    text-align: center;
  }

  body.category-front-text-tools .category-stat-row {
    gap: 0.45rem;
  }

  body.category-front-text-tools .category-stat-row span {
    min-height: 34px;
    padding: 0.42rem 0.62rem;
    font-size: 0.78rem;
  }

  /* Search — single-row sticky pill; filter runs on input (main.js) */
  body.category-front-text-tools .category-tool-search {
    position: sticky;
    top: 72px;
    z-index: 5;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 0;
    width: 100%;
    min-height: 52px;
    margin: 0 0 0.9rem;
    padding: 0.35rem 0.5rem 0.35rem 0.35rem;
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
      0 10px 26px rgba(15, 23, 42, 0.08),
      0 0 0 4px rgba(139, 92, 246, 0.04),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  body.category-front-text-tools .category-tool-search:focus-within {
    border-color: rgba(139, 92, 246, 0.42);
    box-shadow:
      0 12px 28px rgba(15, 23, 42, 0.1),
      0 0 0 5px rgba(139, 92, 246, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.98);
  }

  body.category-front-text-tools .category-tool-search > i[data-lucide="search"] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #8b5cf6;
    flex-shrink: 0;
  }

  body.category-front-text-tools .category-tool-search > i[data-lucide="search"]:not(:has(svg))::before {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  body.category-front-text-tools .category-tool-search input {
    min-width: 0;
    min-height: 44px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #16202b;
    font: 600 0.94rem/1.4 Inter, ui-sans-serif, system-ui, sans-serif;
  }

  body.category-front-text-tools .category-tool-search input::placeholder {
    color: #94a3b8;
  }

  body.category-front-text-tools .category-tool-search button {
    display: none;
  }

  /* Tool grid — styled before async style.min.css arrives */
  body.category-front-text-tools .category-tool-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.category-front-text-tools .category-tool-grid .tool-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-areas:
      "icon title"
      "icon badge"
      "desc desc"
      "action action";
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
    min-height: 0;
    padding: 14px;
    border: 1px solid rgba(139, 92, 246, 0.12);
    border-radius: 16px;
    background:
      radial-gradient(circle at 12% 0%, rgba(139, 92, 246, 0.1), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.92));
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.88);
    text-decoration: none;
    color: inherit;
    content-visibility: auto;
    contain-intrinsic-size: 128px;
  }

  body.category-front-text-tools .category-tool-grid .tool-icon {
    grid-area: icon;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.36);
    background: linear-gradient(
      135deg,
      var(--icon-a, var(--tool-icon-color, var(--cat-accent, #8b5cf6))),
      var(--icon-b, var(--cat-accent-2, #a855f7))
    );
    color: #fff;
    box-shadow:
      0 12px 26px rgba(var(--card-accent, var(--cat-rgb, 139, 92, 246)), 0.2),
      0 0 24px rgba(14, 165, 233, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.34);
    font-size: 0.82rem;
    font-weight: 900;
  }

  body.category-front-text-tools .category-tool-grid .tool-icon svg {
    width: 18px;
    height: 18px;
    color: #fff;
    stroke: #fff;
    stroke-width: 2.65;
    filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.22));
  }

  body.category-front-text-tools .category-tool-grid .tool-icon svg + .icon-fallback {
    display: none;
  }

  body.category-front-text-tools .category-tool-grid .tool-icon:not(:has(svg)) .icon-fallback {
    display: block;
    line-height: 1;
    color: #fff;
  }

  body.category-front-text-tools .category-tool-grid .tool-card h3 {
    grid-area: title;
    margin: 0;
    color: #181d20;
    font-size: clamp(0.86rem, 3.8vw, 0.98rem);
    font-weight: 750;
    line-height: 1.32;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
  }

  body.category-front-text-tools .category-tool-grid .tool-card p {
    grid-area: desc;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 6px 0 0;
    color: #536273;
    font-size: 0.78rem;
    line-height: 1.45;
  }

  body.category-front-text-tools .category-tool-grid .tool-card .category-badge {
    grid-area: badge;
    justify-self: start;
    margin: 0;
    padding: 3px 7px;
    border-radius: 999px;
    border: 1px solid rgba(139, 92, 246, 0.18);
    background: rgba(139, 92, 246, 0.1);
    color: #6d28d9;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.08em;
    line-height: 1;
  }

  body.category-front-text-tools .category-tool-grid .tool-card .quick-action {
    grid-area: action;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    width: max-content !important;
    margin-top: 8px;
    padding: 0.42rem 0.72rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #8b5cf6, #a855f7);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 800;
  }

  html[data-theme="dark"] body.category-front-text-tools .category-tool-search {
    border-color: rgba(125, 211, 252, 0.18);
    background: rgba(19, 33, 43, 0.94);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  html[data-theme="dark"] body.category-front-text-tools .category-tool-search input {
    color: #f8fafc;
  }

  html[data-theme="dark"] body.category-front-text-tools .category-tool-search input::placeholder {
    color: #64748b;
  }

  html[data-theme="dark"] body.category-front-text-tools .category-tool-grid .tool-card {
    border-color: rgba(125, 211, 252, 0.14);
    background:
      radial-gradient(circle at 12% 0%, rgba(139, 92, 246, 0.14), transparent 38%),
      linear-gradient(145deg, rgba(28, 45, 58, 0.95), rgba(18, 31, 42, 0.92));
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  html[data-theme="dark"] body.category-front-text-tools .category-tool-grid .tool-card h3 {
    color: #f8fafc;
  }

  html[data-theme="dark"] body.category-front-text-tools .category-tool-grid .tool-card p {
    color: #b8c8d5;
  }
}

@media (max-width: 360px) {
  body.category-front-text-tools .category-tool-grid .tool-card {
    padding: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 10px;
  }

  body.category-front-text-tools .category-tool-grid .tool-icon {
    width: 36px;
    height: 36px;
  }

  body.category-front-text-tools .category-tool-grid .tool-card h3 {
    font-size: 0.84rem;
  }

  body.category-front-text-tools .category-tool-grid .tool-card p {
    font-size: 0.74rem;
  }
}

/* from developer-tools-category-mobile.css */
/* Developer Tools category page — mobile-only first paint + search UI */
@media (max-width: 760px) {
  body.category-front-developer-tools {
    --cat-rgb: 79, 70, 229;
    --cat-accent-2-rgb: 37, 99, 235;
    --cat-accent: #4f46e5;
    --cat-accent-2: #2563eb;
    --cat-ink: #3730a3;
  }
  body.category-front-developer-tools .page-shell {
    padding-inline: 14px;
  }

  body.category-front-developer-tools .category-hero {
    padding-top: 1.25rem;
    padding-bottom: 1.15rem;
  }

  body.category-front-developer-tools .category-tools-section {
    padding-top: 0.35rem;
  }

  body.category-front-developer-tools .category-tools-head {
    margin-bottom: 0.65rem;
    text-align: center;
  }

  body.category-front-developer-tools .category-stat-row {
    gap: 0.45rem;
  }

  body.category-front-developer-tools .category-stat-row span {
    min-height: 34px;
    padding: 0.42rem 0.62rem;
    font-size: 0.78rem;
  }

  /* Search — single-row sticky pill; filter runs on input (main.js) */
  body.category-front-developer-tools .category-tool-search {
    position: sticky;
    top: 72px;
    z-index: 5;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 0;
    width: 100%;
    min-height: 52px;
    margin: 0 0 0.9rem;
    padding: 0.35rem 0.5rem 0.35rem 0.35rem;
    border: 1px solid rgba(79, 70, 229, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
      0 10px 26px rgba(15, 23, 42, 0.08),
      0 0 0 4px rgba(79, 70, 229, 0.04),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  body.category-front-developer-tools .category-tool-search:focus-within {
    border-color: rgba(79, 70, 229, 0.42);
    box-shadow:
      0 12px 28px rgba(15, 23, 42, 0.1),
      0 0 0 5px rgba(79, 70, 229, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.98);
  }

  body.category-front-developer-tools .category-tool-search > i[data-lucide="search"] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #4f46e5;
    flex-shrink: 0;
  }

  body.category-front-developer-tools .category-tool-search > i[data-lucide="search"]:not(:has(svg))::before {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  body.category-front-developer-tools .category-tool-search input {
    min-width: 0;
    min-height: 44px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #16202b;
    font: 600 0.94rem/1.4 Inter, ui-sans-serif, system-ui, sans-serif;
  }

  body.category-front-developer-tools .category-tool-search input::placeholder {
    color: #94a3b8;
  }

  body.category-front-developer-tools .category-tool-search button {
    display: none;
  }

  /* Tool grid — styled before async style.min.css arrives */
  body.category-front-developer-tools .category-tool-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-areas:
      "icon title"
      "icon badge"
      "desc desc"
      "action action";
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
    min-height: 0;
    padding: 14px;
    border: 1px solid rgba(79, 70, 229, 0.12);
    border-radius: 16px;
    background:
      radial-gradient(circle at 12% 0%, rgba(79, 70, 229, 0.1), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.92));
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.88);
    text-decoration: none;
    color: inherit;
    content-visibility: auto;
    contain-intrinsic-size: 128px;
  }

  body.category-front-developer-tools .category-tool-grid .tool-icon {
    grid-area: icon;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.36);
    background: linear-gradient(
      135deg,
      var(--icon-a, var(--tool-icon-color, var(--cat-accent, #4f46e5))),
      var(--icon-b, var(--cat-accent-2, #2563eb))
    );
    color: #fff;
    box-shadow:
      0 12px 26px rgba(var(--card-accent, var(--cat-rgb, 79, 70, 229)), 0.2),
      0 0 24px rgba(14, 165, 233, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.34);
    font-size: 0.82rem;
    font-weight: 900;
  }

  body.category-front-developer-tools .category-tool-grid .tool-icon svg {
    width: 18px;
    height: 18px;
    color: #fff;
    stroke: #fff;
    stroke-width: 2.65;
    filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.22));
  }

  body.category-front-developer-tools .category-tool-grid .tool-icon svg + .icon-fallback {
    display: none;
  }

  body.category-front-developer-tools .category-tool-grid .tool-icon:not(:has(svg)) .icon-fallback {
    display: block;
    line-height: 1;
    color: #fff;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card h3 {
    grid-area: title;
    margin: 0;
    color: #181d20;
    font-size: clamp(0.86rem, 3.8vw, 0.98rem);
    font-weight: 750;
    line-height: 1.32;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card p {
    grid-area: desc;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 6px 0 0;
    color: #536273;
    font-size: 0.78rem;
    line-height: 1.45;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card .category-badge {
    grid-area: badge;
    justify-self: start;
    margin: 0;
    padding: 3px 7px;
    border-radius: 999px;
    border: 1px solid rgba(79, 70, 229, 0.18);
    background: rgba(79, 70, 229, 0.1);
    color: #4338ca;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.08em;
    line-height: 1;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card .quick-action {
    grid-area: action;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    width: max-content !important;
    margin-top: 8px;
    padding: 0.42rem 0.72rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #4f46e5, #2563eb);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 800;
  }

  html[data-theme="dark"] body.category-front-developer-tools .category-tool-search {
    border-color: rgba(125, 211, 252, 0.18);
    background: rgba(19, 33, 43, 0.94);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  html[data-theme="dark"] body.category-front-developer-tools .category-tool-search input {
    color: #f8fafc;
  }

  html[data-theme="dark"] body.category-front-developer-tools .category-tool-search input::placeholder {
    color: #64748b;
  }

  html[data-theme="dark"] body.category-front-developer-tools .category-tool-grid .tool-card {
    border-color: rgba(125, 211, 252, 0.14);
    background:
      radial-gradient(circle at 12% 0%, rgba(79, 70, 229, 0.14), transparent 38%),
      linear-gradient(145deg, rgba(28, 45, 58, 0.95), rgba(18, 31, 42, 0.92));
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  html[data-theme="dark"] body.category-front-developer-tools .category-tool-grid .tool-card h3 {
    color: #f8fafc;
  }

  html[data-theme="dark"] body.category-front-developer-tools .category-tool-grid .tool-card p {
    color: #b8c8d5;
  }
}

@media (max-width: 360px) {
  body.category-front-developer-tools .category-tool-grid .tool-card {
    padding: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 10px;
  }

  body.category-front-developer-tools .category-tool-grid .tool-icon {
    width: 36px;
    height: 36px;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card h3 {
    font-size: 0.84rem;
  }

  body.category-front-developer-tools .category-tool-grid .tool-card p {
    font-size: 0.74rem;
  }
}
html[data-tl-mobile-v2="category-v1"] /* from pdf-tools.html #pdf-mobile-category-critical-css */
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools{
    --cat-rgb:239,68,68;
    --cat-accent-2-rgb:251,113,133;
    --cat-accent:#ef4444;
    --cat-accent-2:#fb7185;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tools-section{
    width:min(100% - 32px,720px);
    max-width:720px;
    margin:0 auto 1.55rem;
    padding:1.05rem 0 0;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:.3rem;
    align-items:center;
    width:100%;
    margin:0 auto 1.35rem;
    padding:.42rem;
    border:1px solid rgba(186,230,253,.95);
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 42px rgba(15,23,42,.075),0 0 0 6px rgba(14,165,233,.035),inset 0 1px 0 rgba(255,255,255,.96);
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search i{
    display:grid;
    place-items:center;
    width:38px;
    height:44px;
    color:#0ea5e9;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search > svg{
    align-self:center;
    justify-self:center;
    width:21px;
    height:21px;
    color:#0ea5e9;
    stroke:currentColor;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search i svg{
    display:block;
    width:21px;
    height:21px;
    stroke:currentColor;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search i:empty:before{
    content:"";
    width:21px;
    height:21px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search input{
    min-width:0;
    height:44px;
    margin:0;
    padding:0 10px 0 0;
    border:0;
    border-radius:0;
    outline:0;
    background:transparent;
    color:#0f172a;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:.92rem;
    font-weight:500;
    line-height:1.2;
    letter-spacing:0;
    box-shadow:none;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search input::placeholder{
    color:#94a3b8;
    opacity:1;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search button{
    display:none;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    width:100%;
    margin:0 auto;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-card[hidden]{
    display:none!important;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-card{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-areas:"icon title" "icon badge" "desc desc" "action action";
    column-gap:.72rem;
    row-gap:.18rem;
    min-width:0;
    min-height:188px;
    padding:1rem;
    border:1px solid rgba(254,202,202,.86);
    border-radius:14px;
    background:radial-gradient(circle at 12% 0%,rgba(239,68,68,.114),transparent 39%),radial-gradient(circle at 88% 0%,rgba(251,113,133,.075),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,253,255,.88)),linear-gradient(135deg,rgba(239,68,68,.18),rgba(255,255,255,.8),rgba(251,113,133,.14));
    color:#111827;
    box-shadow:0 8px 22px rgba(15,23,42,.07);
    text-decoration:none;
    overflow:hidden;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-icon{
    grid-area:icon;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:11px;
    background:linear-gradient(135deg,#ef4444,#fb7185);
    color:#fff;
    box-shadow:0 8px 18px rgba(239,68,68,.2),inset 0 1px 0 rgba(255,255,255,.24);
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-icon .icon-fallback{
    display:none!important;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-icon i{
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-icon svg{
    display:block;
    width:20px;
    height:20px;
    stroke:currentColor;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-icon i:empty:before{
    content:"";
    width:20px;
    height:20px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E") center/contain no-repeat;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid h3{
    grid-area:title;
    align-self:center;
    min-width:0;
    margin:0;
    color:#111827;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:.98rem;
    font-weight:750;
    line-height:1.2;
    letter-spacing:0;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .category-badge{
    grid-area:badge;
    justify-self:start;
    align-self:start;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:0;
    margin:.05rem 0 0;
    padding:0;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#ef4444;
    font-size:.72rem;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-card p{
    grid-area:desc;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    min-width:0;
    margin:.72rem 0 .9rem;
    overflow:hidden;
    color:#64748b;
    font-size:.82rem;
    font-weight:400;
    line-height:1.55;
    letter-spacing:0;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .quick-action{
    grid-area:action;
    justify-self:start;
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    min-height:38px;
    margin-top:.65rem;
    padding:.52rem .84rem;
    border:1px solid rgba(254,202,202,.88);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:#fb5160;
    font-size:.86rem;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
    box-shadow:0 10px 22px rgba(239,68,68,.08);
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .quick-action i{
    display:inline-grid;
    place-items:center;
    width:14px;
    height:14px;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .quick-action svg{
    display:block;
    width:12px;
    height:12px;
    stroke:currentColor;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .quick-action i:empty:before{
    content:"";
    width:12px;
    height:12px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E") center/contain no-repeat;
  }
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-card{
    background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(30,41,59,.9));
    border-color:rgba(248,113,113,.28);
    box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
  }
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-search input, html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid h3{
    color:#f8fafc;
  }
html[data-theme="dark"][data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools .category-tool-grid .tool-card p{
    color:#cbd5e1;
  }
html[data-tl-mobile-v2="category-v1"] /* from pdf-tools.html #pdf-category-mobile-first-paint-stability-css */
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools, html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools button, html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools input, html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools select, html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools textarea{
    font-family:'Poppins',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools{
    --cat-rgb:239,68,68;
    --cat-accent-2-rgb:251,113,133;
    --cat-accent:#ef4444;
    --cat-accent-2:#fb7185;
    background:linear-gradient(180deg,#fff 0%,#fff7f8 48%,#fff1f2 100%)!important;
  }
html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools::before, html[data-tl-mobile-v2="category-v1"] body.category-front.category-front-pdf-tools::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    background:none!important;
  }
html[data-tl-mobile-v2="category-v1"] /* from image-tools.html #image-tools-mobile-card-fix */
body.category-front-image-tools .category-tool-grid{
        grid-template-columns: 1fr;
        gap: 12px;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card{
        padding: 14px;
        grid-template-columns: 40px minmax(0, 1fr);
        grid-template-areas:
          "icon title"
          "icon badge"
          "desc desc"
          "action action";
        column-gap: 12px;
        row-gap: 4px;
        align-items: start;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card h3{
        margin: 0;
        font-size: clamp(0.86rem, 3.8vw, 0.98rem);
        font-weight: 750;
        line-height: 1.32;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: normal;
        white-space: normal;
        text-overflow: unset;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card p{
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 6px 0 0;
        font-size: 0.78rem;
        line-height: 1.45;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card .category-badge{
        justify-self: start;
        font-size: 8px;
        padding: 3px 6px;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card .quick-action{
        display: inline-flex !important;
        width: max-content !important;
        margin-top: 8px;
      }
    }
    @media (max-width: 360px) {html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card{
        padding: 12px;
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 10px;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-icon{
        width: 36px;
        height: 36px;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card h3{
        font-size: 0.84rem;
        -webkit-line-clamp: 3;
      }
html[data-tl-mobile-v2="category-v1"] body.category-front-image-tools .category-tool-grid .tool-card p{
        display: -webkit-box !important;
        font-size: 0.74rem;
        -webkit-line-clamp: 2;
      }