.dbt-p2i{--navy:#061a3a;--blue:#0b74ff;--cyan:#00c2ff;--soft:#eaf6ff;--line:#cfe2f3;--green:#12966f;max-width:1440px;margin:0 auto 64px;color:var(--navy);font-family:inherit;line-height:1.5}.dbt-p2i *{box-sizing:border-box}.dbt-p2i button,.dbt-p2i input,.dbt-p2i select{font:inherit}.dbt-p2i button{cursor:pointer}.dbt-p2i [hidden]{display:none!important}.dbt-p2i__hero{position:relative;overflow:hidden;text-align:center;padding:70px 28px;border:1px solid #b9ddff;border-radius:32px;background:radial-gradient(circle at 80% 15%,#b7edff 0,transparent 36%),linear-gradient(135deg,#f5faff,#dceeff)}.dbt-p2i__hero:after{content:"";position:absolute;width:190px;height:190px;border:36px solid rgba(255,255,255,.35);border-radius:50%;right:-48px;bottom:-85px}.dbt-p2i__eyebrow{font-weight:800;letter-spacing:.14em;color:#075dcc}.dbt-p2i__eyebrow span{color:var(--cyan)}.dbt-p2i__hero h1{font-size:clamp(44px,6vw,78px);line-height:1.05;margin:22px 0 10px;font-weight:500}.dbt-p2i__hero>p{max-width:900px;margin:0 auto;color:#56728f;font-size:clamp(18px,2vw,26px)}.dbt-p2i__trust{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:27px;font-weight:700}.dbt-p2i__trust b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d8fae8;color:#087554;margin-right:6px}.dbt-p2i__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.92fr);gap:30px;margin-top:30px}.dbt-p2i__panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:0 20px 55px rgba(6,26,58,.08)}.dbt-p2i-step{display:flex;gap:13px;align-items:flex-start}.dbt-p2i-step>span{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-weight:800}.dbt-p2i-step strong{display:block;font-size:20px}.dbt-p2i-step small{display:block;color:#65809a}.dbt-p2i-step--spaced{margin-top:34px}.dbt-p2i-drop{position:relative;min-height:220px;margin-top:18px;border:2px dashed #a8d2f8;border-radius:24px;background:#fbfdff;display:grid;place-items:center;text-align:center;padding:28px;transition:.2s}.dbt-p2i-drop.is-dragging{background:#eaf6ff;border-color:var(--blue)}.dbt-p2i-drop>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.dbt-p2i-drop>[data-role=drop-empty]{display:grid;justify-items:center;gap:7px}.dbt-p2i-drop__icon{width:68px;height:68px;border-radius:20px;background:var(--soft);display:grid;place-items:center;font-size:34px;color:var(--blue)}.dbt-p2i-drop strong{font-size:24px}.dbt-p2i-drop span{color:#5c7792}.dbt-p2i-file{position:relative;display:flex;align-items:center;gap:16px;text-align:left;width:100%;z-index:2}.dbt-p2i-file>div{flex:0 0 62px;height:70px;border-radius:14px;background:#e9f2ff;color:#e23345;display:grid;place-items:center;font-weight:900}.dbt-p2i-file p{margin:0;min-width:0}.dbt-p2i-file p strong,.dbt-p2i-file p span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbt-p2i-file button{margin-left:auto;border:0;background:#edf4fa;border-radius:50%;width:42px;height:42px;font-size:26px}.dbt-p2i-password,.dbt-p2i-alert{margin-top:18px;border-radius:16px;padding:18px}.dbt-p2i-password{background:#fff8e7;border:1px solid #f5d78c}.dbt-p2i-password label{font-weight:800}.dbt-p2i-password>div{display:flex;gap:10px;margin-top:9px}.dbt-p2i-password input{flex:1;min-width:0;border:1px solid #d2b86f;border-radius:10px;padding:12px}.dbt-p2i-password button{border:0;border-radius:10px;background:var(--navy);color:#fff;padding:0 20px;font-weight:700}.dbt-p2i-password p{margin:8px 0 0;color:#756536;font-size:14px}.dbt-p2i-alert{background:#fff1f2;border:1px solid #ffc3ca;color:#a91f32}.dbt-p2i-loading{margin:22px 0;display:flex;align-items:center;gap:12px;color:#53708b}.dbt-p2i-loading span{width:24px;height:24px;border:3px solid #d7e8f6;border-top-color:var(--blue);border-radius:50%;animation:dbt-p2i-spin .8s linear infinite}@keyframes dbt-p2i-spin{to{transform:rotate(360deg)}}.dbt-p2i-selection{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:18px 0}.dbt-p2i-selection>button,.dbt-p2i-selection label button{border:1px solid #bcd8ee;background:#f7fbff;color:#244866;border-radius:10px;padding:10px 14px;font-weight:700}.dbt-p2i-selection label{margin-left:auto;display:grid;grid-template-columns:auto auto;gap:6px;font-size:13px;font-weight:700}.dbt-p2i-selection label input{grid-row:2;border:1px solid #bcd8ee;border-radius:10px;padding:9px;width:190px}.dbt-p2i-selection label button{grid-row:2}.dbt-p2i-count{color:#56728c}.dbt-p2i-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:580px;overflow:auto;padding:3px}.dbt-p2i-page{position:relative;border:2px solid transparent;background:#f4f8fb;border-radius:14px;padding:8px;text-align:center}.dbt-p2i-page.is-selected{border-color:var(--blue);background:#eaf4ff}.dbt-p2i-page canvas{display:block;width:100%;height:145px;object-fit:contain;background:#fff;border-radius:8px}.dbt-p2i-page span{display:block;margin-top:6px;font-weight:700}.dbt-p2i-page input{position:absolute;top:12px;right:12px;width:20px;height:20px;accent-color:var(--blue)}.dbt-p2i-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.dbt-p2i-formats button{padding:14px;border:1px solid #c9dff1;border-radius:12px;background:#f7fbff;color:#42617c;font-weight:800}.dbt-p2i-formats button.is-active{background:#e4f2ff;border-color:#65adff;color:#075dcc}.dbt-p2i-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border:1px solid #d7e7f3;border-radius:16px;background:#f8fbfe}.dbt-p2i-controls label{font-weight:700}.dbt-p2i-controls select,.dbt-p2i-controls input[type=number]{display:block;width:100%;margin-top:7px;border:1px solid #c6dceb;border-radius:10px;padding:11px;background:#fff}.dbt-p2i-controls label[data-role=quality-wrap]{grid-column:1/-1}.dbt-p2i-controls output{float:right;color:var(--blue)}.dbt-p2i-controls input[type=range]{width:100%;accent-color:var(--blue)}.dbt-p2i-note{color:#587590}.dbt-p2i-primary,.dbt-p2i-zip,.dbt-p2i-secondary{width:100%;border:0;border-radius:14px;padding:17px;font-size:19px;font-weight:800}.dbt-p2i-primary{background:linear-gradient(90deg,#137cff,#0760d2);color:#fff}.dbt-p2i-progress,.dbt-p2i-result{margin-top:24px;border-radius:20px;padding:22px}.dbt-p2i-progress{border:1px solid #bcdcf5;background:#f4faff}.dbt-p2i-progress>div{display:flex;justify-content:space-between}.dbt-p2i-progress button{border:0;background:none;color:#a52839;font-weight:700}.dbt-p2i-progress progress{width:100%;height:13px;margin-top:12px}.dbt-p2i-progress>span{display:block;text-align:right}.dbt-p2i-result{border:1px solid #b9e3d4;background:#f0fbf6}.dbt-p2i-result__head{display:flex;align-items:center;gap:12px}.dbt-p2i-result__head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d7f7e9;color:var(--green);font-size:24px}.dbt-p2i-result__head strong{display:block;font-size:21px}.dbt-p2i-result__head small{color:#397760}.dbt-p2i-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.dbt-p2i-output article{background:#fff;border:1px solid #d1e8de;border-radius:14px;padding:10px}.dbt-p2i-output img{width:100%;height:150px;object-fit:contain;background:#f2f6f8;border-radius:8px}.dbt-p2i-output strong,.dbt-p2i-output small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbt-p2i-output button{width:100%;border:0;border-radius:8px;padding:9px;background:#e9f7f1;color:#087555;font-weight:800;margin-top:8px}.dbt-p2i-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.dbt-p2i-zip{background:var(--green);color:#fff}.dbt-p2i-secondary{background:#fff;color:#176148;border:1px solid #afd5c7}.dbt-p2i-result>[data-role=status]{text-align:center}.dbt-p2i__aside{display:grid;align-content:start;gap:24px}.dbt-p2i-privacy,.dbt-p2i-related{border-radius:28px;padding:36px}.dbt-p2i-privacy{position:relative;overflow:hidden;background:linear-gradient(145deg,#071c43,#0b3768);color:#fff}.dbt-p2i-privacy:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#07528b;right:-60px;top:-55px}.dbt-p2i-privacy__icon{width:60px;height:60px;border:1px solid #466689;border-radius:18px;display:grid;place-items:center;font-size:32px;background:#203a5e}.dbt-p2i-privacy>p:first-of-type,.dbt-p2i-related>span{color:#55d7ff;letter-spacing:.13em;font-size:13px;font-weight:900}.dbt-p2i-privacy h2,.dbt-p2i-related h2{font-size:30px;line-height:1.15}.dbt-p2i-privacy>p{color:#d5e2ef}.dbt-p2i-privacy ul{list-style:none;margin:20px 0 0;padding:0}.dbt-p2i-privacy li{margin:12px 0}.dbt-p2i-privacy li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#075a61;color:#53e5c2;margin-right:8px}.dbt-p2i-related{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#eff8ff)}.dbt-p2i-related>span{color:#0871ee}.dbt-p2i-related p{color:#56728b}.dbt-p2i-related a{color:#075dcc;font-weight:800;text-decoration:none}.dbt-p2i-footnote{display:flex;gap:12px;margin-top:28px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#f6faff;color:#506e88}.dbt-p2i-footnote p{margin:0}
@media(max-width:980px){.dbt-p2i__layout{grid-template-columns:1fr}.dbt-p2i__aside{grid-template-columns:1fr 1fr}.dbt-p2i-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.dbt-p2i{margin-bottom:40px}.dbt-p2i__hero{padding:48px 18px;border-radius:24px}.dbt-p2i__hero h1{font-size:42px}.dbt-p2i__hero>p{font-size:17px}.dbt-p2i__trust{gap:11px;font-size:14px}.dbt-p2i__panel{padding:20px 16px;border-radius:22px}.dbt-p2i__aside{grid-template-columns:1fr}.dbt-p2i-drop{min-height:180px}.dbt-p2i-grid{grid-template-columns:repeat(2,1fr);max-height:520px}.dbt-p2i-page canvas{height:130px}.dbt-p2i-selection label{width:100%;margin-left:0}.dbt-p2i-selection label input{width:100%}.dbt-p2i-controls{grid-template-columns:1fr}.dbt-p2i-controls label[data-role=quality-wrap]{grid-column:auto}.dbt-p2i-output{grid-template-columns:repeat(2,1fr)}.dbt-p2i-output img{height:125px}.dbt-p2i-actions{grid-template-columns:1fr}.dbt-p2i-privacy,.dbt-p2i-related{padding:27px}.dbt-p2i-password>div{display:grid}.dbt-p2i-password button{padding:12px}.dbt-p2i-formats button{padding:12px 6px}}
@media(max-width:420px){.dbt-p2i-output{grid-template-columns:1fr}.dbt-p2i-page canvas{height:115px}}

/* Narrow-screen containment: keep range controls and actions inside the panel. */
.dbt-p2i__layout,.dbt-p2i__panel,.dbt-p2i-pages,.dbt-p2i-settings,.dbt-p2i-selection,.dbt-p2i-selection label{min-width:0}
.dbt-p2i-primary{white-space:normal;overflow-wrap:anywhere}
@media(max-width:680px){.dbt-p2i-selection label{grid-template-columns:minmax(0,1fr) auto}.dbt-p2i-selection label input{min-width:0}.dbt-p2i-formats{grid-template-columns:repeat(3,minmax(0,1fr))}.dbt-p2i-formats button{min-width:0}.dbt-p2i-primary{max-width:100%}}

/* v1.5.2: keep the initial two-column row only as tall as its upload/privacy cards. */
.dbt-p2i-related-row{margin-top:24px}
.dbt-p2i-related-row .dbt-p2i-related{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 30px;align-items:center;padding:27px 36px}
.dbt-p2i-related-row .dbt-p2i-related>span,.dbt-p2i-related-row .dbt-p2i-related>h2,.dbt-p2i-related-row .dbt-p2i-related>p{grid-column:1;margin:0}
.dbt-p2i-related-row .dbt-p2i-related>h2{font-size:27px}
.dbt-p2i-related-row .dbt-p2i-related>a{grid-column:2;grid-row:1/span 3;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;background:linear-gradient(90deg,#137cff,#0760d2);color:#fff;white-space:nowrap}
@media(max-width:980px){.dbt-p2i__aside{grid-template-columns:1fr}}
@media(max-width:680px){.dbt-p2i-related-row .dbt-p2i-related{display:block;padding:25px 22px}.dbt-p2i-related-row .dbt-p2i-related>h2{margin:7px 0 9px}.dbt-p2i-related-row .dbt-p2i-related>a{display:flex;width:100%;margin-top:18px}}

/* Mobile overflow containment — keep every PDF-to-Image element inside its tool card. */
.dbt-p2i{
  width:100%;
  max-width:1440px;
  min-width:0;
  overflow-x:clip;
}
.dbt-p2i__hero,
.dbt-p2i__layout,
.dbt-p2i__panel,
.dbt-p2i__aside,
.dbt-p2i-pages,
.dbt-p2i-settings,
.dbt-p2i-selection,
.dbt-p2i-selection label,
.dbt-p2i-grid,
.dbt-p2i-controls,
.dbt-p2i-result,
.dbt-p2i-output,
.dbt-p2i-output article,
.dbt-p2i-actions{
  width:100%;
  max-width:100%;
  min-width:0;
}
.dbt-p2i img,
.dbt-p2i canvas{
  max-width:100%;
}
.dbt-p2i input,
.dbt-p2i select,
.dbt-p2i button{
  max-width:100%;
  min-width:0;
}
.dbt-p2i-primary,
.dbt-p2i-zip,
.dbt-p2i-secondary{
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
}
@media(max-width:680px){
  .dbt-p2i{overflow-x:hidden}
  .dbt-p2i__layout{display:block}
  .dbt-p2i__aside{display:grid;margin-top:24px}
  .dbt-p2i-selection{align-items:stretch}
  .dbt-p2i-selection>button{flex:1 1 calc(50% - 5px)}
  .dbt-p2i-selection label{
    flex:1 0 100%;
    grid-template-columns:minmax(0,1fr) minmax(64px,auto);
  }
  .dbt-p2i-selection label input{width:100%;min-width:0}
  .dbt-p2i-formats{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .dbt-p2i-formats button{width:100%;padding-left:4px;padding-right:4px}
  .dbt-p2i-primary{display:block;width:100%;padding-left:12px;padding-right:12px}
}