/* Image Converter Suite 2.1 — container-responsive, theme-adaptive.
   Every selector is prefixed with a doubled .wjpg-tool class so aggressive theme
   or page-builder rules (".entry-content p", ".elementor h2" …) cannot break it.
   Type is sized in em from the host theme's own font, so text scales with your site. */

.wjpg-tool.wjpg-tool{
  --a:var(--wjpg-accent,#F51F3D);
  --a-ink:color-mix(in srgb,var(--a) 70%,currentColor);
  --a-2:color-mix(in srgb,var(--a) 55%,#FF7A5C);
  --line:color-mix(in srgb,currentColor 15%,transparent);
  --line-strong:color-mix(in srgb,currentColor 28%,transparent);
  --soft:color-mix(in srgb,currentColor 4.5%,transparent);
  --glow:color-mix(in srgb,var(--a) 15%,transparent);
  --ok:#1f9d63;
  --r:var(--wjpg-radius,24px);
  --surface:transparent;
  display:block;position:relative;width:100%;max-width:none;margin:0 auto;padding:0;
  color:inherit;font-family:inherit;font-size:inherit;font-weight:400;font-style:normal;line-height:1.55;letter-spacing:normal;text-align:left;text-transform:none;
  box-sizing:border-box;container-type:inline-size;container-name:wjpg;isolation:isolate;-webkit-text-size-adjust:100%;
}
.wjpg-tool.wjpg-tool[data-theme="light"]{--surface:#fff;color:#16152b;--line:rgba(22,21,43,.13);--line-strong:rgba(22,21,43,.26);--soft:rgba(22,21,43,.04);--a-ink:color-mix(in srgb,var(--a) 85%,#000)}
.wjpg-tool.wjpg-tool[data-theme="dark"]{--surface:#13122a;color:#ecebff;--line:rgba(236,235,255,.15);--line-strong:rgba(236,235,255,.3);--soft:rgba(236,235,255,.06);--a-ink:color-mix(in srgb,var(--a) 55%,#fff);--ok:#3ddc97}
.wjpg-tool.wjpg-tool *,.wjpg-tool.wjpg-tool *::before,.wjpg-tool.wjpg-tool *::after{box-sizing:border-box}
.wjpg-tool.wjpg-tool [hidden]{display:none!important}
.wjpg-tool.wjpg-tool :is(h1,h2,h3,p,ol,li,details,summary,section,header,div,span,strong,small,label,output,article){float:none;text-indent:0;text-shadow:none;letter-spacing:inherit;text-align:inherit}
.wjpg-tool.wjpg-tool :is(small,strong,label,span,output,summary){color:inherit;text-transform:none}
.wjpg-tool.wjpg-tool strong{font-size:inherit;font-weight:700}
.wjpg-tool.wjpg-tool small{display:block;font-size:.8em}
.wjpg-tool.wjpg-tool .wjpg-app-head,.wjpg-tool.wjpg-tool .wjpg-app-head :is(p,div,h1,h2,h3){text-align:center}
.wjpg-tool.wjpg-tool .wjpg-empty,.wjpg-tool.wjpg-tool .wjpg-dropzone{text-align:center}
.wjpg-tool.wjpg-tool svg{display:inline-block;max-width:none;height:auto;fill:none;vertical-align:middle;flex:0 0 auto}
.wjpg-tool.wjpg-tool .wjpg-empty svg{width:40px;height:40px}
.wjpg-tool.wjpg-tool .wjpg-flow svg{width:18px;height:18px}
.wjpg-tool.wjpg-tool .wjpg-x svg{width:14px;height:14px}

/* ---------- Card ---------- */
.wjpg-tool.wjpg-tool .wjpg-app{
  position:relative;overflow:hidden;margin:0 auto;width:100%;
  padding:clamp(16px,3.6cqi,40px);
  border:1px solid var(--line);border-radius:var(--r);
  background:
    radial-gradient(120% 70% at 0% 0%,var(--glow),transparent 60%),
    radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--a-2) 11%,transparent),transparent 55%),
    var(--surface);
  box-shadow:0 1px 2px rgba(10,10,40,.05),0 24px 60px -28px color-mix(in srgb,var(--a) 38%,transparent);
}
.wjpg-tool.wjpg-tool .wjpg-app::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--a),var(--a-2))}

/* ---------- Header ---------- */
.wjpg-tool.wjpg-tool .wjpg-app-head{text-align:center;max-width:46em;margin:0 auto clamp(18px,3cqi,30px)}
.wjpg-tool.wjpg-tool .wjpg-kicker{
  display:inline-flex;align-items:center;gap:.6em;margin:0 0 .9em;padding:.4em .95em;
  border:1px solid color-mix(in srgb,var(--a) 30%,transparent);border-radius:999px;
  background:color-mix(in srgb,var(--a) 9%,transparent);color:var(--a-ink);
  font-size:.74em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;
}
.wjpg-tool.wjpg-tool .wjpg-kicker::before{content:"";width:.55em;height:.55em;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a-2));box-shadow:0 0 0 3px var(--glow)}
.wjpg-tool.wjpg-tool .wjpg-title{
  display:block;margin:0 0 .35em;padding:0;border:0;background:none;color:inherit;text-transform:none;
  font-family:inherit;font-size:clamp(1.65em,5.4cqi + .4em,3em);line-height:1.12;font-weight:800;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere;
}
.wjpg-tool.wjpg-tool .wjpg-title::before,.wjpg-tool.wjpg-tool .wjpg-title::after{content:none;display:none}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .wjpg-tool.wjpg-tool .wjpg-title{
    background:linear-gradient(100deg,currentColor 10%,var(--a-ink) 70%,var(--a-2) 110%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
}
.wjpg-tool.wjpg-tool .wjpg-lead{margin:0 auto;max-width:40em;padding:0;font-size:clamp(.95em,1.8cqi + .55em,1.1em);line-height:1.65;opacity:.8;text-wrap:pretty}
.wjpg-tool.wjpg-tool .wjpg-flow{display:inline-flex;align-items:center;gap:.7em;margin-top:1.1em;color:var(--a-ink)}
.wjpg-tool.wjpg-tool .wjpg-chipfmt{padding:.25em .8em;border-radius:99px;border:1px solid var(--line-strong);background:var(--soft);color:inherit;font-size:.78em;font-weight:800;letter-spacing:.08em;line-height:1.5}
.wjpg-tool.wjpg-tool .wjpg-chipfmt-to{border-color:transparent;color:#fff;background:linear-gradient(120deg,var(--a),var(--a-2))}

/* ---------- Layout ---------- */
.wjpg-tool.wjpg-tool .wjpg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2.4cqi,24px);align-items:start}
.wjpg-tool.wjpg-tool .wjpg-pane{min-width:0}
.wjpg-tool.wjpg-tool .wjpg-pane-queue{
  padding:clamp(12px,2cqi,18px);border:1px solid var(--line);border-radius:calc(var(--r) * .75);background:var(--soft);
}
.wjpg-tool.wjpg-tool:not(.wjpg-has-files) .wjpg-pane-queue{display:none}
.wjpg-tool.wjpg-tool .wjpg-queue-head{display:flex;align-items:center;flex-wrap:wrap;gap:.6em;margin:0 0 .8em;font-size:.92em}
.wjpg-tool.wjpg-tool .wjpg-queue-title{font-weight:750;letter-spacing:-.01em}
.wjpg-tool.wjpg-tool .wjpg-count{display:inline-grid;place-items:center;min-width:1.8em;height:1.8em;padding:0 .5em;border-radius:99px;background:var(--a);color:#fff;font-size:.82em;font-weight:800;font-variant-numeric:tabular-nums}
.wjpg-tool.wjpg-tool .wjpg-summary{margin-left:auto;font-size:.88em;font-weight:700;color:var(--ok);font-variant-numeric:tabular-nums}
.wjpg-tool.wjpg-tool .wjpg-empty{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.8em;min-height:12em;padding:1.5em 1em;text-align:center;font-size:.92em;opacity:.6}
.wjpg-tool.wjpg-tool .wjpg-has-files .wjpg-empty{display:none}

/* ---------- Drop zone ---------- */
.wjpg-tool.wjpg-tool .wjpg-dropzone{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;
  min-height:clamp(170px,26cqi,250px);padding:clamp(20px,4cqi,40px) clamp(14px,3cqi,26px);margin:0;text-align:center;
  border:2px dashed color-mix(in srgb,var(--a) 45%,var(--line));border-radius:calc(var(--r) * .75);
  background:linear-gradient(135deg,color-mix(in srgb,var(--a) 7%,transparent),color-mix(in srgb,var(--a-2) 5%,transparent));
  cursor:pointer;outline:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;-webkit-tap-highlight-color:transparent;
}
.wjpg-tool.wjpg-tool .wjpg-dropzone:hover{border-color:var(--a);box-shadow:0 0 0 5px var(--glow)}
.wjpg-tool.wjpg-tool .wjpg-dropzone:focus-visible{border-color:var(--a);box-shadow:0 0 0 3px var(--surface,#fff),0 0 0 6px var(--a)}
.wjpg-tool.wjpg-tool .wjpg-dropzone.wjpg-dragover{border-style:solid;border-color:var(--a);background:color-mix(in srgb,var(--a) 13%,transparent);box-shadow:0 0 0 6px var(--glow);transform:scale(1.008)}
.wjpg-tool.wjpg-tool .wjpg-upload-icon{
  display:grid;place-items:center;width:clamp(52px,11cqi,66px);aspect-ratio:1;margin:0 0 .4em;border-radius:20px;color:#fff;
  background:linear-gradient(140deg,var(--a),var(--a-2));box-shadow:0 10px 24px -8px color-mix(in srgb,var(--a) 70%,transparent);transition:transform .25s;
}
.wjpg-tool.wjpg-tool .wjpg-dropzone:hover .wjpg-upload-icon{transform:translateY(-3px)}
.wjpg-tool.wjpg-tool .wjpg-upload-icon svg{width:50%;height:50%}
.wjpg-tool.wjpg-tool .wjpg-dz-title{display:block;font-size:clamp(1.05em,2.2cqi + .7em,1.3em);font-weight:750;letter-spacing:-.015em;line-height:1.3;color:inherit}
.wjpg-tool.wjpg-tool .wjpg-dz-sub{display:block;font-size:.95em;opacity:.78}
.wjpg-tool.wjpg-tool .wjpg-dz-note{display:block;margin-top:.3em;font-size:.78em;line-height:1.5;opacity:.62}

/* ---------- Settings ---------- */
.wjpg-tool.wjpg-tool .wjpg-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:14px 0 0}
.wjpg-tool.wjpg-tool .wjpg-field{min-width:0;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:calc(var(--r) * .6);background:var(--soft);transition:border-color .2s,box-shadow .2s}
.wjpg-tool.wjpg-tool .wjpg-field:focus-within{border-color:var(--a);box-shadow:0 0 0 3px var(--glow)}
.wjpg-tool.wjpg-tool .wjpg-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 .5em}
.wjpg-tool.wjpg-tool .wjpg-field label{display:block;margin:0;padding:0;font-size:.95em;font-weight:700;line-height:1.3;color:inherit;text-transform:none}
.wjpg-tool.wjpg-tool .wjpg-field small{display:block;margin:0;font-size:.8em;line-height:1.45;opacity:.68}
.wjpg-tool.wjpg-tool .wjpg-line{display:flex;align-items:center;gap:12px;min-width:0}
.wjpg-tool.wjpg-tool .wjpg-line small{flex:1 1 auto;min-width:0}
.wjpg-tool.wjpg-tool output{display:inline-block;margin:0;padding:0;min-width:3.4ch;text-align:right;font-size:1em;font-weight:800;font-variant-numeric:tabular-nums;color:var(--a-ink)}
.wjpg-tool.wjpg-tool input[type=range]{
  -webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:26px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;--wjpg-fill:92%;
}
.wjpg-tool.wjpg-tool input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--a) var(--wjpg-fill),var(--line-strong) var(--wjpg-fill))}
.wjpg-tool.wjpg-tool input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--line-strong)}
.wjpg-tool.wjpg-tool input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--a)}
.wjpg-tool.wjpg-tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--a);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.wjpg-tool.wjpg-tool input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--a);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.wjpg-tool.wjpg-tool input[type=range]:focus-visible{outline:2px solid var(--a);outline-offset:4px;border-radius:6px}
.wjpg-tool.wjpg-tool input[type=color]{
  -webkit-appearance:none;appearance:none;flex:0 0 46px;width:46px;height:40px;min-height:0;padding:3px;margin:0;border:1px solid var(--line-strong);border-radius:10px;background:transparent;box-shadow:none;cursor:pointer;
}
.wjpg-tool.wjpg-tool input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.wjpg-tool.wjpg-tool input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}
.wjpg-tool.wjpg-tool input[type=color]::-moz-color-swatch{border:0;border-radius:7px}
.wjpg-tool.wjpg-tool .wjpg-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:.7em}
.wjpg-tool.wjpg-tool .wjpg-preset{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-height:36px;margin:0;padding:.4em .9em;border:1px solid var(--line-strong)!important;border-radius:99px!important;background:transparent!important;color:inherit!important;font:inherit;font-size:.82em;font-weight:700;line-height:1.2;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.wjpg-tool.wjpg-tool .wjpg-preset:hover{border-color:var(--a)!important;background:var(--glow)!important;color:inherit!important}
.wjpg-tool.wjpg-tool .wjpg-preset[aria-pressed="true"]{border-color:transparent!important;background:var(--a)!important;color:#fff!important}
.wjpg-tool.wjpg-tool .wjpg-preset:focus-visible{outline:2px solid var(--a);outline-offset:2px}

/* ---------- Buttons ---------- */
.wjpg-tool.wjpg-tool .wjpg-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.wjpg-tool.wjpg-tool .wjpg-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 1 auto;width:auto;min-height:48px;margin:0;padding:.8em 1.4em;border:1px solid var(--line-strong)!important;border-radius:calc(var(--r) * .5)!important;background:transparent!important;color:inherit!important;font-family:inherit;font-size:.97em;font-weight:700;line-height:1.2;text-align:center;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
.wjpg-tool.wjpg-tool .wjpg-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--a)!important;background:var(--glow)!important;color:inherit!important}
.wjpg-tool.wjpg-tool .wjpg-btn:active:not(:disabled){transform:none}
.wjpg-tool.wjpg-tool .wjpg-btn:focus-visible{outline:2px solid var(--a);outline-offset:3px}
.wjpg-tool.wjpg-tool .wjpg-btn:disabled{opacity:.45;cursor:not-allowed}
.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-primary{flex:1 1 13em;border-color:transparent!important;color:#fff!important;background:linear-gradient(120deg,var(--a),color-mix(in srgb,var(--a) 60%,#FF7A5C))!important;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--a) 80%,transparent)!important}
.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-primary:hover:not(:disabled){color:#fff!important;border-color:transparent!important;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 88%,#000),color-mix(in srgb,var(--a) 55%,#FF7A5C))!important;box-shadow:0 14px 28px -10px color-mix(in srgb,var(--a) 85%,transparent)!important}
.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-primary:disabled{box-shadow:none!important}
.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-secondary{flex:1 1 10em}
.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-ghost{border-color:transparent!important;opacity:.85}
.wjpg-tool.wjpg-tool.wjpg-busy .wjpg-primary[aria-busy="true"]::after{content:"";width:16px;height:16px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:wjpg-spin .7s linear infinite}
@keyframes wjpg-spin{to{transform:rotate(360deg)}}

/* ---------- Progress + status ---------- */
.wjpg-tool.wjpg-tool .wjpg-progress{height:6px;margin:14px 0 0;border-radius:99px;background:var(--line);overflow:hidden}
.wjpg-tool.wjpg-tool .wjpg-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--a),var(--a-2));transition:width .3s ease}
.wjpg-tool.wjpg-tool .wjpg-status{margin:12px 0 0;padding:.7em .9em;border:1px solid var(--line);border-radius:calc(var(--r) * .5);background:var(--soft);font-size:.9em;line-height:1.5;overflow-wrap:anywhere}

/* ---------- Results ---------- */
.wjpg-tool.wjpg-tool .wjpg-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17em),1fr));gap:10px;margin:0;padding:0}
.wjpg-tool.wjpg-tool .wjpg-results:empty{display:none}
.wjpg-tool.wjpg-tool .wjpg-result{
  position:relative;display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:10px 42px 10px 10px;
  border:1px solid var(--line);border-radius:calc(var(--r) * .55);background:var(--surface,transparent);transition:border-color .2s,transform .2s;
}
.wjpg-tool.wjpg-tool[data-theme="auto"] .wjpg-result{background:color-mix(in srgb,currentColor 3%,transparent)}
.wjpg-tool.wjpg-tool .wjpg-result:hover{border-color:color-mix(in srgb,var(--a) 45%,var(--line))}
.wjpg-tool.wjpg-tool .wjpg-result-done{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}
.wjpg-tool.wjpg-tool .wjpg-result-preview{flex:0 0 auto;display:block;width:64px;height:64px;max-width:none;margin:0;padding:0;border:0;box-shadow:none;object-fit:cover;border-radius:12px;background:var(--line)}
.wjpg-tool.wjpg-tool .wjpg-ph{display:grid;place-items:center;font-size:.7em;font-weight:800;letter-spacing:.05em;color:var(--a-ink);background:color-mix(in srgb,var(--a) 12%,transparent)}
.wjpg-tool.wjpg-tool .wjpg-result-body{flex:1 1 auto;min-width:0}
.wjpg-tool.wjpg-tool .wjpg-result-name{font-size:.92em;font-weight:700;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wjpg-tool.wjpg-tool .wjpg-result-meta{margin:2px 0 6px;font-size:.8em;line-height:1.4;opacity:.7;overflow-wrap:anywhere}
.wjpg-tool.wjpg-tool a.wjpg-download-link{display:inline-flex;align-items:center;padding:.3em .85em;border:0!important;border-radius:99px!important;background:var(--a)!important;color:#fff!important;font-size:.82em;font-weight:700;line-height:1.4;text-decoration:none!important;box-shadow:none!important}
.wjpg-tool.wjpg-tool a.wjpg-download-link:hover{filter:brightness(1.1);color:#fff!important;text-decoration:none!important}
.wjpg-tool.wjpg-tool a.wjpg-download-link:focus-visible{outline:2px solid var(--a);outline-offset:3px}
.wjpg-tool.wjpg-tool .wjpg-error{margin-top:2px;font-size:.85em;line-height:1.45;color:#d92d20;overflow-wrap:anywhere}
.wjpg-tool.wjpg-tool[data-theme="dark"] .wjpg-error{color:#ff8a80}
.wjpg-tool.wjpg-tool .wjpg-result-error{padding-left:14px;border-color:rgba(217,45,32,.45)}
.wjpg-tool.wjpg-tool .wjpg-x{-webkit-appearance:none;appearance:none;position:absolute;top:6px;right:6px;display:grid;place-items:center;width:30px;height:30px;min-height:0;margin:0;padding:0;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;opacity:.55;cursor:pointer;box-shadow:none!important;transition:opacity .2s,background-color .2s}
.wjpg-tool.wjpg-tool .wjpg-x:hover:not(:disabled){opacity:1;background:var(--line)!important;color:inherit!important}
.wjpg-tool.wjpg-tool .wjpg-x:focus-visible{outline:2px solid var(--a);outline-offset:1px}
.wjpg-tool.wjpg-tool .wjpg-x:disabled{opacity:.2;cursor:not-allowed}

/* ---------- Privacy ---------- */
.wjpg-tool.wjpg-tool .wjpg-privacy{display:flex;align-items:flex-start;gap:10px;margin:clamp(14px,2.4cqi,22px) 0 0;padding:.9em 1em;border:1px solid var(--line);border-radius:calc(var(--r) * .5);font-size:.85em;line-height:1.6;opacity:.85}
.wjpg-tool.wjpg-tool .wjpg-privacy>span:first-child{flex:0 0 auto}

/* ---------- SEO content ---------- */
.wjpg-tool.wjpg-tool .wjpg-seo-content{max-width:52em;margin:clamp(28px,5vw,56px) auto 0;padding:0;font-size:clamp(.97em,.9cqi + .8em,1.06em);line-height:1.75;color:inherit}
.wjpg-tool.wjpg-tool .wjpg-seo-content h2{display:block;margin:0 0 .6em;padding:0;border:0;background:none;font-family:inherit;font-size:clamp(1.45em,3.6cqi + .6em,2.05em);line-height:1.2;font-weight:800;letter-spacing:-.025em;text-transform:none;text-wrap:balance;color:inherit}
.wjpg-tool.wjpg-tool .wjpg-seo-content h3{display:block;margin:1.7em 0 .55em;padding:0;border:0;background:none;font-family:inherit;font-size:clamp(1.1em,1.6cqi + .7em,1.32em);line-height:1.3;font-weight:750;letter-spacing:-.01em;text-transform:none;color:inherit}
.wjpg-tool.wjpg-tool .wjpg-seo-content h2::before,.wjpg-tool.wjpg-tool .wjpg-seo-content h2::after,.wjpg-tool.wjpg-tool .wjpg-seo-content h3::before,.wjpg-tool.wjpg-tool .wjpg-seo-content h3::after{content:none;display:none}
.wjpg-tool.wjpg-tool .wjpg-seo-content p{margin:0 0 1em;padding:0;font-size:1em;line-height:inherit;opacity:.88}
.wjpg-tool.wjpg-tool .wjpg-seo-content ol{margin:0 0 1em;padding:0;list-style:none;counter-reset:wjpg-step;display:grid;gap:10px}
.wjpg-tool.wjpg-tool .wjpg-seo-content ol li{counter-increment:wjpg-step;position:relative;display:block;list-style:none;margin:0;padding:.75em .9em .75em 3.4em;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:1em}
.wjpg-tool.wjpg-tool .wjpg-seo-content ol li::marker{content:none}
.wjpg-tool.wjpg-tool .wjpg-seo-content ol li::before{
  content:counter(wjpg-step);position:absolute;left:.75em;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:1.9em;height:1.9em;margin:0;border-radius:50%;
  background:linear-gradient(140deg,var(--a),var(--a-2));color:#fff;font-size:.85em;font-weight:800;line-height:1;
}
.wjpg-tool.wjpg-tool .wjpg-faq{margin:.4em 0 0;padding:0}
.wjpg-tool.wjpg-tool .wjpg-faq details{display:block;margin:0 0 10px;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:border-color .2s}
.wjpg-tool.wjpg-tool .wjpg-faq details[open]{border-color:color-mix(in srgb,var(--a) 45%,var(--line))}
.wjpg-tool.wjpg-tool .wjpg-faq summary{position:relative;display:block;margin:0;padding:.95em 3em .95em 1.1em;font-size:1em;font-weight:700;line-height:1.45;cursor:pointer;list-style:none;color:inherit;background:none;border:0}
.wjpg-tool.wjpg-tool .wjpg-faq summary::marker{content:none}
.wjpg-tool.wjpg-tool .wjpg-faq summary::-webkit-details-marker{display:none}
.wjpg-tool.wjpg-tool .wjpg-faq summary::before{content:none}
.wjpg-tool.wjpg-tool .wjpg-faq summary::after{content:"+";position:absolute;right:1em;top:50%;transform:translateY(-50%);font-size:1.4em;font-weight:500;line-height:1;color:var(--a-ink)}
.wjpg-tool.wjpg-tool .wjpg-faq details[open] summary::after{content:"–"}
.wjpg-tool.wjpg-tool .wjpg-faq summary:focus-visible{outline:2px solid var(--a);outline-offset:-2px;border-radius:14px}
.wjpg-tool.wjpg-tool .wjpg-faq details p{margin:0;padding:0 1.1em 1em;opacity:.85}

/* ---------- Wide containers: two panes ---------- */
@container wjpg (min-width:820px){
  .wjpg-tool.wjpg-tool .wjpg-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .wjpg-tool.wjpg-tool:not(.wjpg-has-files) .wjpg-pane-queue{display:block}
  .wjpg-tool.wjpg-tool:not(.wjpg-has-files) .wjpg-empty{display:flex}
  .wjpg-tool.wjpg-tool .wjpg-pane-queue{position:sticky;top:16px}
  .wjpg-tool.wjpg-tool .wjpg-results{grid-template-columns:minmax(0,1fr);max-height:min(62vh,540px);overflow:auto;padding-right:2px;-webkit-overflow-scrolling:touch}
  .wjpg-tool.wjpg-tool .wjpg-controls:has(.wjpg-field + .wjpg-field){grid-template-columns:minmax(0,1fr)}
}
@container wjpg (min-width:560px) and (max-width:819px){
  .wjpg-tool.wjpg-tool .wjpg-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- Narrow containers (phones, Elementor columns) ---------- */
@container wjpg (max-width:560px){
  .wjpg-tool.wjpg-tool .wjpg-actions{flex-direction:column}
  .wjpg-tool.wjpg-tool .wjpg-btn,.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-primary,.wjpg-tool.wjpg-tool .wjpg-btn.wjpg-secondary{width:100%;flex:0 0 auto}
  .wjpg-tool.wjpg-tool .wjpg-results{grid-template-columns:minmax(0,1fr)}
  .wjpg-tool.wjpg-tool .wjpg-kicker{font-size:.7em}
  .wjpg-tool.wjpg-tool .wjpg-preset{flex:1 1 40%}
}
@container wjpg (max-width:340px){
  .wjpg-tool.wjpg-tool .wjpg-line{flex-wrap:wrap}
  .wjpg-tool.wjpg-tool .wjpg-result-preview{width:52px;height:52px}
  .wjpg-tool.wjpg-tool .wjpg-seo-content ol li{padding-left:3.1em}
}
/* Browsers without container queries */
@supports not (container-type:inline-size){
  @media (min-width:900px){.wjpg-tool.wjpg-tool .wjpg-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.wjpg-tool.wjpg-tool:not(.wjpg-has-files) .wjpg-pane-queue{display:block}.wjpg-tool.wjpg-tool:not(.wjpg-has-files) .wjpg-empty{display:flex}}
  @media (max-width:600px){.wjpg-tool.wjpg-tool .wjpg-app{padding:16px}.wjpg-tool.wjpg-tool .wjpg-actions{flex-direction:column}.wjpg-tool.wjpg-tool .wjpg-btn{width:100%}.wjpg-tool.wjpg-tool .wjpg-title{font-size:1.8em}}
}
@media (hover:none){.wjpg-tool.wjpg-tool .wjpg-btn:hover:not(:disabled){transform:none}}
@media (prefers-reduced-motion:reduce){.wjpg-tool.wjpg-tool *,.wjpg-tool.wjpg-tool *::before,.wjpg-tool.wjpg-tool *::after{transition:none!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- No extra space before the footer (v2.2.1) ---------- */
.wjpg-tool.wjpg-tool>:last-child{margin-bottom:0}
.wjpg-tool.wjpg-tool .wjpg-seo-content>:last-child,
.wjpg-tool.wjpg-tool .wjpg-faq>:last-child,
.wjpg-tool.wjpg-tool .wjpg-faq details:last-child{margin-bottom:0}
.wjpg-tool.wjpg-tool .wjpg-seo-content{padding-bottom:0}
.wjpg-tool.wjpg-tool>script{display:none}
/* Elementor adds a gap under every widget; remove it for these widgets only */
.elementor .elementor-widget[class*="elementor-widget-wjpg-"],
.elementor .elementor-widget[class*="elementor-widget-wjpg-"]:not(:last-child){margin-block-end:0!important;margin-bottom:0!important}
.elementor .elementor-widget[class*="elementor-widget-wjpg-"]>.elementor-widget-container{margin:0;padding-bottom:0}