/* Picvento — Signature Tools Collection V5.
   Compact editorial SaaS cards with bespoke semantic INLINE SVGs.
   No stock images, emoji, background bitmaps, web fonts or extra JavaScript. */

.pv3-tools-section .pv-tool-grid,
.pv-directory-v2 .pv-tool-grid,
.pv-category-live .pv-tool-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:15px;
  align-items:stretch;
}
.pv-tool-card.pv3-tool-card.pv5-tool-card{
  --pv5-accent:#6455db;
  --pv5-tint:#f1efff;
  --pv5-border:#ddd7fb;
  --pv5-label:#e4dffe;
  box-sizing:border-box;
  min-width:0;
  min-height:308px;
  width:100%;
  border-radius:18px;
  padding:23px 20px 18px;
  border:1px solid #e6e8f0;
  background:#fff;
  box-shadow:0 4px 16px rgba(31,35,66,.035);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  color:#171b30!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,border-color .26s;
}
.pv-tool-card.pv5-tool-card::before{
  content:"";
  position:absolute;
  top:0;
  left:20px;
  width:38px;
  height:3px;
  border-radius:0 0 6px 6px;
  background:var(--pv5-accent);
  opacity:1;
  transform:none;
  transition:width .24s cubic-bezier(.2,.8,.2,1);
}
.pv-tool-card.pv5-tool-card:hover,
.pv-tool-card.pv5-tool-card:focus-visible{
  border-color:var(--pv5-border);
  transform:translateY(-5px);
  box-shadow:0 21px 45px rgba(43,41,80,.12);
}
.pv-tool-card.pv5-tool-card:hover::before{width:72px;}
.pv5-heic-to-jpg{--pv5-accent:#5a56df!important;--pv5-tint:#f0efff!important;--pv5-border:#cfcbf9!important;--pv5-label:#dad6fc!important}
.pv5-change-size-of-image{--pv5-accent:#008eaa!important;--pv5-tint:#e9f9fc!important;--pv5-border:#b9e8ef!important;--pv5-label:#d4f1f5!important}
.pv5-exif-information-viewer{--pv5-accent:#316cb1!important;--pv5-tint:#edf5ff!important;--pv5-border:#cee0fc!important;--pv5-label:#d9e9ff!important}
.pv5-webp-to-png-converter{--pv5-accent:#a64bb2!important;--pv5-tint:#faf0ff!important;--pv5-border:#efd5f4!important;--pv5-label:#f2ddf8!important}
.pv5-combine-jpg-to-pdf{--pv5-accent:#cb6751!important;--pv5-tint:#fff1ed!important;--pv5-border:#ffdacc!important;--pv5-label:#ffe2d6!important}
.pv5-pdf-format-to-jpg{--pv5-accent:#bd7b19!important;--pv5-tint:#fff8e9!important;--pv5-border:#fbe1b4!important;--pv5-label:#fceacb!important}
.pv5-jpg-to-pdf-convert{--pv5-accent:#c64d77!important;--pv5-tint:#fff0f5!important;--pv5-border:#f9cfdd!important;--pv5-label:#fbd7e3!important}
.pv5-pixelate-image{--pv5-accent:#525bc8!important;--pv5-tint:#eff1ff!important;--pv5-border:#cdd2fc!important;--pv5-label:#dae0ff!important}
.pv5-image-converter-to-jpg{--pv5-accent:#138976!important;--pv5-tint:#e9faf5!important;--pv5-border:#bce9db!important;--pv5-label:#ccf1e6!important}
.pv5-convert-webp-to-gif{--pv5-accent:#8051bd!important;--pv5-tint:#f6f0ff!important;--pv5-border:#e2d3fb!important;--pv5-label:#e9ddfc!important}

.pv5-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin-bottom:18px;
  flex:none;
}
.pv5-card-icon{
  display:grid;
  place-items:center;
  position:relative;
  width:91px;
  height:91px;
  flex:none;
  color:var(--pv5-accent);
  border-radius:20px;
  background:var(--pv5-tint);
  border:1px solid var(--pv5-border);
  transition:transform .28s cubic-bezier(.2,.9,.2,1);
}
.pv5-tool-card:hover .pv5-card-icon{transform:translateY(-2px) rotate(-3deg);}
.pv5-tool-svg{width:75px;height:75px;display:block;color:var(--pv5-accent);overflow:visible}
.pv5-svg-paper{fill:rgba(255,255,255,.85);stroke:currentColor}
.pv5-svg-label{fill:var(--pv5-label);stroke:currentColor;stroke-width:1.5}
.pv5-svg-accent{fill:var(--pv5-label);stroke:currentColor;stroke-width:2}
.pv5-card-arrow{
  width:33px;
  height:33px;
  flex:none;
  display:grid;
  place-items:center;
  color:#949bb0;
  border-radius:50%;
  border:1px solid #ececf3;
  background:#fff;
  transform:rotate(-45deg);
  transition:transform .25s,background .25s,color .25s,border-color .25s;
}
.pv5-tool-card:hover .pv5-card-arrow{background:var(--pv5-accent);border-color:var(--pv5-accent);color:#fff;transform:rotate(-45deg) translateX(3px)}
.pv5-card-kicker{
  display:block;
  width:100%;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1.3;
  color:var(--pv5-accent);
  margin:0 0 8px;
}
.pv-tool-card.pv3-tool-card.pv5-tool-card>strong{
  width:100%;
  font-size:18px;
  line-height:1.22;
  letter-spacing:-.048em;
  color:#171a2b;
  font-weight:900;
  margin-bottom:8px;
  text-transform:none;
}
.pv-tool-card.pv3-tool-card.pv5-tool-card>.pv-tool-desc{
  color:#687187;
  font-size:11.4px;
  line-height:1.65;
  font-weight:630;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:0;
}
.pv5-card-divider{
  display:block;
  border-top:1px solid #eff0f4;
  margin-top:auto;
  padding-top:17px;
}
.pv5-card-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
}
.pv5-card-format{
  display:inline-flex;
  align-items:center;
  max-width:66%;
  min-height:23px;
  border:1px solid var(--pv5-border);
  background:var(--pv5-tint);
  color:var(--pv5-accent);
  border-radius:6px;
  padding:3px 7px;
  font-size:9px;
  letter-spacing:.015em;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}
.pv5-card-go{
  display:flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  color:#46516a;
  font-weight:900;
  font-size:10px;
  transition:color .2s;
}
.pv5-card-go svg{transition:transform .23s}
.pv5-tool-card:hover .pv5-card-go{color:var(--pv5-accent)}
.pv5-tool-card:hover .pv5-card-go svg{transform:translateX(4px)}
/* Keep the existing search/filter results stable. */
.pv-tool-card.pv5-tool-card[hidden]{display:none!important}
.pv3-tools-section .pv-tool-browser-head,.pv-directory-v2 .pv-tool-browser-head{margin-bottom:19px}
.pv3-tools-section .pv-tool-browser-head strong,.pv-directory-v2 .pv-tool-browser-head strong{
  font-size:20px;font-weight:900;letter-spacing:-.045em
}
.pv3-tools-section #pv-tool-count,.pv-directory-v2 #pv-tool-count{
  font-size:12px;font-weight:750;color:#70768b
}
.pv-category-live .pv-tool-grid{padding-bottom:12px}
/* Streamlined section rhythm without disturbing the VEED-inspired hero. */
.pv3-tools-section{padding-top:84px;padding-bottom:83px}
@media(min-width:1350px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{gap:16px}
}
@media(max-width:1299px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
}
@media(max-width:1030px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
@media(max-width:745px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card{min-height:298px;padding:18px 16px 16px;border-radius:16px}
 .pv5-card-icon{width:77px;height:77px;border-radius:17px}
 .pv5-tool-svg{width:63px;height:63px}
 .pv5-card-top{margin-bottom:15px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card>strong{font-size:16px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card>.pv-tool-desc{font-size:10.8px}
 .pv5-card-arrow{width:29px;height:29px}
}
@media(max-width:480px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card{min-height:278px;padding:16px 11px 13px;border-radius:13px}
 .pv5-card-icon{width:64px;height:64px;border-radius:14px}
 .pv5-tool-svg{width:54px;height:54px}
 .pv5-card-top{margin-bottom:11px}
 .pv5-card-arrow{width:25px;height:25px}
 .pv5-card-arrow svg{height:15px;width:15px}
 .pv5-card-kicker{font-size:8px;letter-spacing:.055em;margin-bottom:6px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card>strong{font-size:14px;line-height:1.25;letter-spacing:-.04em}
 .pv-tool-card.pv3-tool-card.pv5-tool-card>.pv-tool-desc{font-size:10px;line-height:1.5}
 .pv5-card-format{font-size:8px;padding:3px 5px}
 .pv5-card-go{font-size:9px;gap:2px}
 .pv5-card-go svg{height:13px;width:13px}
 .pv5-card-divider{padding-top:12px}
 .pv3-tools-section{padding-top:58px;padding-bottom:59px}
}
@media(max-width:350px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:1fr}
 .pv-tool-card.pv3-tool-card.pv5-tool-card{min-height:260px;padding:18px}
 .pv5-card-icon{width:76px;height:76px}
 .pv5-tool-svg{width:65px;height:65px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card>strong{font-size:19px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card>.pv-tool-desc{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .pv5-tool-card,.pv5-tool-card::before,.pv5-card-icon,
 .pv5-card-arrow,.pv5-card-go,.pv5-card-go svg{transition:none!important}
}