:root{
  --mt-green:#2bb673;
  --mt-green-2:#1e9f5e;
  --mt-bg:#f6f8fb;
  --mt-card:#ffffff;
  --mt-text:#0f172a;
  --mt-muted:#64748b;
  --mt-border:#e5e7eb;
  --mt-shadow:0 10px 30px rgba(15,23,42,.08);
  --mt-radius:16px;
}

.mtpdf2jpg{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--mt-text);}
.mtpdf2jpg *{box-sizing:border-box;}

.mtpdf2jpg__banner{
  background: #fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  padding:12px 14px;
  border-radius:12px;
  margin:0 0 12px;
}

.mtpdf2jpg__card{
  background:var(--mt-card);
  border:1px solid var(--mt-border);
  border-radius:var(--mt-radius);
  box-shadow:var(--mt-shadow);
  overflow:hidden;
}

.mtpdf2jpg__step{display:none;}
.mtpdf2jpg__step.is-active{display:block;}

.mtpdf2jpg__pick{padding:24px;}
.mtpdf2jpg__brand{display:flex; gap:12px; align-items:center; margin-bottom:18px;}
.mtpdf2jpg__brand-dot{width:14px;height:14px;border-radius:50%;background:var(--mt-green); box-shadow:0 0 0 6px rgba(43,182,115,.18);}
.mtpdf2jpg__title{font-size:20px; font-weight:700; line-height:1.2;}
.mtpdf2jpg__subtitle{font-size:13px; color:var(--mt-muted); margin-top:2px;}

.mtpdf2jpg__drop{
  position:relative;
  border:2px dashed rgba(43,182,115,.35);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(43,182,115,.06), rgba(43,182,115,.02));
  padding:26px;
  cursor:pointer;
  transition: .15s ease;
}
.mtpdf2jpg__drop.is-drag{
  border-color:rgba(43,182,115,.75);
  background:linear-gradient(180deg, rgba(43,182,115,.12), rgba(43,182,115,.03));
}
.mtpdf2jpg__drop input{display:none;}

.mtpdf2jpg__dropInner{display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.mtpdf2jpg__dropIcon{
  width:46px;height:46px;border-radius:14px;
  background:rgba(43,182,115,.14);
  position:relative;
}
.mtpdf2jpg__dropIcon:before{
  content:"";
  position:absolute; inset:12px 15px 10px 15px;
  border:2px solid var(--mt-green);
  border-top:0;
  border-radius:4px;
}
.mtpdf2jpg__dropIcon:after{
  content:"";
  position:absolute; left:50%; top:14px;
  width:0;height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:10px solid var(--mt-green);
  transform:translateX(-50%);
}
.mtpdf2jpg__dropText{min-width:240px;}
.mtpdf2jpg__dropHeadline{font-weight:700; font-size:16px;}
.mtpdf2jpg__dropSub{color:var(--mt-muted); font-size:13px; margin-top:2px;}

.mtpdf2jpg__hint{margin-top:12px; color:var(--mt-muted); font-size:13px;}

.mtpdf2jpg__btn{
  border:1px solid var(--mt-border);
  background:#fff;
  color:var(--mt-text);
  padding:10px 14px;
  border-radius:12px;
  font-weight:600;
  cursor:pointer;
  transition:.15s ease;
}
.mtpdf2jpg__btn:hover{transform:translateY(-1px);}
.mtpdf2jpg__btn:disabled{opacity:.6; cursor:not-allowed; transform:none;}
.mtpdf2jpg__btn--primary{
  border-color:transparent;
  background:var(--mt-green);
  color:#fff;
}
.mtpdf2jpg__btn--primary:hover{background:var(--mt-green-2);}
.mtpdf2jpg__btn--ghost{background:rgba(15,23,42,.02);}
.mtpdf2jpg__btn--full{width:100%;}

.mtpdf2jpg__work{
  display:grid;
  grid-template-columns: 1.5fr .9fr;
  gap:0;
  min-height:520px;
}
.mtpdf2jpg__left{padding:18px 18px 20px; border-right:1px solid var(--mt-border); background:var(--mt-bg);}
.mtpdf2jpg__right{padding:18px; background:#fff;}

.mtpdf2jpg__fileBar{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  background:#fff;
  border:1px solid var(--mt-border);
  border-radius:14px;
}
.mtpdf2jpg__fileName{font-weight:700; font-size:14px;}
.mtpdf2jpg__fileSize{font-size:12px; color:var(--mt-muted); margin-top:2px;}

.mtpdf2jpg__preview{
  margin-top:12px;
  height:330px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--mt-border);
  background:#fff;
}
.mtpdf2jpg__preview iframe{width:100%; height:100%; border:0; background:#fff;}

.mtpdf2jpg__status{
  margin-top:12px;
  background:#fff;
  border:1px solid var(--mt-border);
  border-radius:14px;
  padding:12px;
}
.mtpdf2jpg__statusLine{display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:13px;}
.mtpdf2jpg__statusText{font-weight:700;}
.mtpdf2jpg__statusPct{color:var(--mt-muted); font-weight:700;}
.mtpdf2jpg__bar{height:10px; background:rgba(15,23,42,.06); border-radius:999px; overflow:hidden; margin-top:10px;}
.mtpdf2jpg__barFill{height:100%; width:0%; background:var(--mt-green); border-radius:999px; transition:width .2s ease;}

.mtpdf2jpg__result{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(43,182,115,.35);
  background:rgba(43,182,115,.06);
}
.mtpdf2jpg__resultTitle{font-weight:800;}
.mtpdf2jpg__resultSub{font-size:13px; color:var(--mt-muted); margin-top:2px;}

.mtpdf2jpg__error{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.35);
  background:rgba(239,68,68,.06);
  color:#991b1b;
  font-weight:700;
  font-size:13px;
}

.mtpdf2jpg__panel{position:sticky; top:14px;}
.mtpdf2jpg__panelTitle{font-weight:800; font-size:16px; margin-bottom:12px;}
.mtpdf2jpg__field{margin-bottom:14px;}
.mtpdf2jpg__label{font-weight:800; font-size:13px; margin-bottom:8px;}
.mtpdf2jpg__radio{display:flex; gap:10px; align-items:flex-start; margin-bottom:8px; font-size:13px; color:var(--mt-text);}
.mtpdf2jpg__radio input{margin-top:2px;}
.mtpdf2jpg__note{font-size:12px; color:var(--mt-muted); margin-top:6px; line-height:1.35;}
.mtpdf2jpg__select{
  width:100%;
  border:1px solid var(--mt-border);
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  font-weight:700;
}

.mtpdf2jpg__sys{
  margin-top:16px;
  padding-top:12px;
  border-top:1px dashed var(--mt-border);
}
.mtpdf2jpg__sysTitle{font-weight:800; font-size:13px; margin-bottom:8px;}
.mtpdf2jpg__sysList{margin:0; padding:0 0 0 18px; color:var(--mt-muted); font-size:13px;}
.mtpdf2jpg__sysHint{margin-top:8px; color:var(--mt-muted); font-size:12px; line-height:1.35;}

@media (max-width: 980px){
  .mtpdf2jpg__work{grid-template-columns: 1fr;}
  .mtpdf2jpg__left{border-right:0; border-bottom:1px solid var(--mt-border);}
  .mtpdf2jpg__preview{height:260px;}
  .mtpdf2jpg__panel{position:relative; top:auto;}
}


/* iLovePDF-like option cards + segmented quality */
.mtpdf2jpg__optCardWrap{display:flex; flex-direction:column; gap:12px; margin-bottom:14px;}
.mtpdf2jpg__optCard{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid var(--mt-border);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  position:relative;
  transition:.15s ease;
}
.mtpdf2jpg__optCard:hover{transform:translateY(-1px);}
.mtpdf2jpg__optCard input{position:absolute; opacity:0; pointer-events:none;}
.mtpdf2jpg__optIcon{
  width:44px;height:44px;border-radius:12px;
  background:rgba(15,23,42,.04);
  border:1px solid var(--mt-border);
  flex:0 0 auto;
  position:relative;
}
.mtpdf2jpg__optIcon:before{
  content:"";
  position:absolute; left:14px; top:10px;
  width:16px; height:20px;
  border:2px solid rgba(15,23,42,.55);
  border-radius:4px;
}
.mtpdf2jpg__optIcon:after{
  content:"";
  position:absolute; left:18px; top:16px;
  width:8px; height:8px;
  border-left:2px solid rgba(15,23,42,.55);
  border-bottom:2px solid rgba(15,23,42,.55);
  transform:rotate(45deg);
}
.mtpdf2jpg__optIcon--extract:after{
  content:"";
  position:absolute; left:13px; top:14px;
  width:18px; height:10px;
  border:2px solid rgba(15,23,42,.55);
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom:0;
  transform:none;
}
.mtpdf2jpg__optMain{display:flex; flex-direction:column; gap:2px; min-width:0;}
.mtpdf2jpg__optTitle{font-weight:900; font-size:13px; letter-spacing:.2px; text-transform:uppercase;}
.mtpdf2jpg__optDesc{font-size:13px; color:var(--mt-text); line-height:1.35;}
.mtpdf2jpg__optMeta{font-size:12px; color:var(--mt-muted); margin-top:4px;}
.mtpdf2jpg__optTick{
  margin-left:auto;
  width:22px;height:22px;border-radius:999px;
  border:1px solid var(--mt-border);
  background:#fff;
  position:relative;
  flex:0 0 auto;
}
.mtpdf2jpg__optTick:after{
  content:"";
  position:absolute; left:6px; top:7px;
  width:8px; height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
  opacity:0;
}
.mtpdf2jpg__optCard input:checked ~ .mtpdf2jpg__optTick{
  background:var(--mt-green);
  border-color:var(--mt-green);
}
.mtpdf2jpg__optCard input:checked ~ .mtpdf2jpg__optTick:after{opacity:1;}
.mtpdf2jpg__optCard input:checked ~ .mtpdf2jpg__optIcon{
  border-color:rgba(43,182,115,.5);
  background:rgba(43,182,115,.10);
}
.mtpdf2jpg__optCard input:disabled ~ *{opacity:.55; cursor:not-allowed;}
.mtpdf2jpg__optCard input:disabled{cursor:not-allowed;}

.mtpdf2jpg__seg{display:grid; grid-template-columns: 1fr 1fr; gap:12px;}
.mtpdf2jpg__segBtn{
  border:1px solid var(--mt-border);
  background:rgba(15,23,42,.03);
  border-radius:14px;
  padding:14px 12px;
  font-weight:900;
  cursor:pointer;
  color:var(--mt-muted);
}
.mtpdf2jpg__segBtn small{display:block; font-weight:800; font-size:11px; color:var(--mt-muted); margin-top:2px;}
.mtpdf2jpg__segBtn.is-active{
  background:#fff;
  color:var(--mt-text);
  border-color:rgba(43,182,115,.55);
  box-shadow:0 0 0 3px rgba(43,182,115,.10);
}
.mtpdf2jpg__btn--xl{padding:14px 16px; font-size:15px; border-radius:14px;}