.tool-jpg-to-pdf-body .tool-shell{grid-template-columns:minmax(0,1fr)}
.tool-jpg-to-pdf-body .tool-card{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.tool-jpg-to-pdf-body .tool-primary{min-width:0}
.j2p-premium{--j2p:#2563eb;--j2p-2:#0ea5e9;--j2p-dark:#0f172a;--j2p-muted:#64748b;--j2p-soft:#eff6ff;--j2p-border:#dbe5f1;color:var(--j2p-dark);min-width:0}
.j2p-premium *{box-sizing:border-box}
.j2p-premium button,.j2p-premium input,.j2p-premium textarea,.j2p-premium select{font:inherit}
.j2p-intro,.j2p-template-section,.j2p-panel,.j2p-feature,.j2p-rail-card{background:#fff;border:1px solid var(--j2p-border);border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.j2p-intro{padding:26px;display:flex;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff 0%,#eff6ff 68%,#ecfeff 100%)}
.j2p-intro h2{font-size:clamp(1.35rem,2vw,2.15rem);line-height:1.12;margin:.25rem 0 .7rem;max-width:850px}
.j2p-intro p{margin:0;color:#475569;max-width:820px;line-height:1.65}
.j2p-kicker,.j2p-step-label{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:var(--j2p);margin:0}
.j2p-intro-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:350px;align-content:flex-start}
.j2p-intro-badges span{border:1px solid #bfdbfe;background:#fff;color:#1e40af;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:750;white-space:nowrap}
.j2p-template-section{padding:24px;margin-top:20px}
.j2p-section-heading,.j2p-panel-head,.j2p-preview-heading,.j2p-rail-head,.j2p-dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.j2p-section-heading{align-items:flex-end;margin-bottom:17px}
.j2p-section-heading h3,.j2p-panel-head h3,.j2p-rail-head h3,.j2p-dialog-head h3{margin:.2rem 0 0;font-size:1.18rem}
.j2p-template-tools,.j2p-toolbar,.j2p-sort-tools,.j2p-quality-actions,.j2p-generate-actions,.j2p-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.j2p-template-tools input,.j2p-template-tools select{height:42px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 12px;color:#0f172a}
.j2p-template-tools input{width:min(260px,52vw)}
.j2p-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.j2p-template-card{display:flex;flex-direction:column;gap:8px;min-height:250px;text-align:left;padding:14px;border-radius:17px;border:1px solid #dbe4ef;background:#fff;color:#0f172a;cursor:pointer;transition:.2s ease;overflow:hidden}
.j2p-template-card[hidden]{display:none}
.j2p-template-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.1);border-color:#93c5fd}
.j2p-template-card.is-selected{border:2px solid var(--j2p);padding:13px;background:#eff6ff;box-shadow:0 12px 30px rgba(37,99,235,.15)}
.j2p-template-top,.j2p-template-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.j2p-template-top b{display:grid;place-items:center;min-width:34px;height:29px;border-radius:9px;background:#0f172a;color:#fff;font-size:.7rem}
.j2p-template-top small,.j2p-template-meta span{font-size:.66rem;color:#64748b;font-weight:700}
.j2p-template-card>strong{font-size:.95rem;line-height:1.2}
.j2p-template-card>small{font-size:.7rem;color:#64748b;line-height:1.4}
.j2p-template-meta{margin-top:auto}
.j2p-template-mini{position:relative;display:grid;gap:5px;min-height:105px;padding:11px;border-radius:12px;background:var(--mini-bg,#fff);border:1px solid #dbe4ef;overflow:hidden}
.j2p-template-mini span{display:block;background:linear-gradient(135deg,#bfdbfe,#dbeafe);border:1px solid rgba(37,99,235,.15);border-radius:5px;min-height:25px}
.j2p-mini-one{grid-template-columns:1fr}.j2p-mini-one span:not(:first-child){display:none}
.j2p-mini-two{grid-template-columns:1fr 1fr}.j2p-mini-two span:nth-child(n+3){display:none}
.j2p-mini-four{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.j2p-template-mini i{position:absolute;left:7px;top:7px;background:#0f172a;color:#fff;border-radius:7px;padding:3px 6px;font-size:.58rem;font-style:normal}
.j2p-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px;margin-top:20px;align-items:start;min-width:0}
.j2p-editor-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.j2p-panel{padding:22px;min-width:0}
.j2p-muted,.j2p-ghost,.j2p-import-label,.j2p-rail-actions button{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:10px;padding:8px 11px;font-size:.76rem;font-weight:750;cursor:pointer}
.j2p-ghost{border-color:transparent;background:transparent;color:#64748b}
.j2p-dropzone{margin-top:16px;display:grid;place-items:center;text-align:center;min-height:150px;padding:22px;border:2px dashed #93c5fd;border-radius:18px;background:#f8fbff;color:#1e3a8a;cursor:pointer;transition:.2s ease}
.j2p-dropzone.is-dragging{background:#dbeafe;border-color:#2563eb;transform:scale(1.005)}
.j2p-dropzone input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.j2p-drop-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#2563eb;color:#fff;font-size:1.7rem;margin-bottom:8px}
.j2p-dropzone strong{font-size:1rem}.j2p-dropzone small{color:#64748b;margin-top:4px}
.j2p-batch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}
.j2p-batch-summary span,.j2p-rail-stats span{padding:9px 10px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.7rem;color:#64748b}
.j2p-batch-summary b,.j2p-rail-stats b{display:block;color:#0f172a;font-size:.87rem}
.j2p-sort-tools{margin-top:12px}
.j2p-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;min-width:0}
.j2p-empty-state{grid-column:1/-1;display:grid;place-items:center;min-height:110px;border:1px dashed #cbd5e1;border-radius:14px;color:#94a3b8;background:#f8fafc}
.j2p-image-card{position:relative;display:grid;grid-template-columns:122px minmax(0,1fr);gap:12px;border:1px solid #dbe4ef;background:#fff;border-radius:15px;padding:11px;min-width:0}
.j2p-image-card.is-dragging{opacity:.45}.j2p-image-card.is-drop-target{outline:3px solid rgba(37,99,235,.22)}
.j2p-thumb{position:relative;border-radius:11px;overflow:hidden;background:#e2e8f0;min-height:120px}
.j2p-thumb img{width:100%;height:100%;min-height:120px;object-fit:cover;display:block;transform:rotate(var(--rotation,0deg));transition:.2s ease}
.j2p-card-index{position:absolute;left:7px;top:7px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(15,23,42,.86);color:#fff;font-size:.68rem;font-weight:800}
.j2p-image-details{min-width:0;display:flex;flex-direction:column;gap:7px}
.j2p-image-details strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j2p-image-details small{font-size:.66rem;color:#64748b;line-height:1.35}
.j2p-card-actions{display:flex;gap:5px;flex-wrap:wrap}
.j2p-card-actions button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:8px;padding:6px 7px;font-size:.65rem;font-weight:750;cursor:pointer}
.j2p-caption-input{width:100%;height:34px;border:1px solid #cbd5e1;border-radius:8px;padding:0 8px;font-size:.68rem}
.j2p-card-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.j2p-card-controls label{display:flex;flex-direction:column;gap:3px;font-size:.62rem;color:#64748b;font-weight:700}
.j2p-card-controls select{height:31px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 6px;font-size:.65rem;min-width:0}
.j2p-message{min-height:20px;margin-top:9px;color:#1d4ed8;font-size:.75rem;font-weight:700}.j2p-message.is-error{color:#b91c1c}
.j2p-feature{overflow:hidden}
.j2p-feature>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px 20px;cursor:pointer;list-style:none;font-weight:800}
.j2p-feature>summary::-webkit-details-marker{display:none}
.j2p-feature>summary small{font-size:.7rem;font-weight:500;color:#64748b;text-align:right}
.j2p-feature-number{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#dbeafe;color:#1d4ed8;font-size:.8rem}
.j2p-feature[open]>summary{border-bottom:1px solid #e2e8f0;background:#fbfdff}
.j2p-feature-body{padding:20px;min-width:0}
.j2p-control-grid,.j2p-text-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.j2p-control-grid label,.j2p-text-grid label,.j2p-custom-size label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:.72rem;font-weight:750;min-width:0}
.j2p-control-grid input[type=range]{width:100%}
.j2p-control-grid select,.j2p-control-grid input[type=color],.j2p-text-grid input,.j2p-custom-size input{height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;padding:0 10px;min-width:0}
.j2p-control-grid input[type=color]{padding:4px}
.j2p-check{flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:8px!important;min-height:42px;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px;background:#f8fafc}
.j2p-check input{width:17px;height:17px}
.j2p-custom-size{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 0}
.j2p-feature-preview{margin-top:14px;border:1px solid #dbe5f1;background:#f8fbff;border-radius:16px;padding:15px;min-width:0}
.j2p-preview-heading{align-items:center;margin-bottom:10px}.j2p-preview-heading span{font-size:.7rem;color:#64748b;text-align:right}
#j2p-layout-preview,#j2p-adjust-preview{display:block;width:100%;height:auto;max-height:420px;border-radius:12px;background:#e2e8f0}
.j2p-quality-actions{margin-top:12px}.j2p-quality-actions span{font-size:.7rem;color:#64748b}
.j2p-structure-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.j2p-structure-preview article{min-height:120px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:7px}
.j2p-structure-preview article b{font-size:.78rem}.j2p-structure-preview article span{height:6px;background:#dbeafe;border-radius:99px}.j2p-structure-preview article small{margin-top:auto;color:#64748b;font-size:.65rem}
.j2p-fine-print{font-size:.68rem;color:#64748b;line-height:1.5;margin:12px 0 0}
.j2p-output-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.j2p-output-stats article{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:3px}
.j2p-output-stats span{font-size:.7rem;color:#64748b;font-weight:700}.j2p-output-stats strong{font-size:1.25rem}.j2p-output-stats small{font-size:.64rem;color:#64748b}
.j2p-readiness-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}
.j2p-readiness-list span{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:8px 10px;font-size:.7rem;color:#475569}.j2p-readiness-list span.is-pass{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.j2p-readiness-list span.is-warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.j2p-import-label{position:relative;overflow:hidden}.j2p-import-label input{position:absolute;inset:0;opacity:0;cursor:pointer}
.j2p-progress{position:relative;height:44px;border-radius:12px;background:#e2e8f0;overflow:hidden;margin-top:13px}.j2p-progress span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#2563eb,#0ea5e9);transition:width .2s}.j2p-progress b{position:relative;z-index:2;display:grid;place-items:center;height:100%;font-size:.72rem;color:#0f172a}
.j2p-final-preview{margin-top:14px;min-height:110px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.j2p-final-preview p{color:#94a3b8;font-size:.75rem}.j2p-final-preview iframe{width:100%;height:560px;border:0;background:#fff}
.j2p-live-rail{min-width:0}.j2p-rail-sticky{position:sticky;top:76px;padding:20px}.j2p-rail-head>span{font-size:.66rem;color:#1d4ed8;background:#dbeafe;border-radius:99px;padding:5px 8px;font-weight:800}
#j2p-rail-canvas{display:block;width:100%;height:auto;margin-top:14px;border-radius:14px;background:#cbd5e1;border:1px solid #dbe4ef}
.j2p-rail-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.j2p-rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.j2p-rail-actions button{background:#2563eb;color:#fff;border-color:#2563eb}.j2p-rail-actions button:last-child{background:#fff;color:#1d4ed8}.j2p-rail-card>p{font-size:.66rem;color:#64748b;line-height:1.45;margin:12px 0 0}
.j2p-mobile-bar{display:none}
.j2p-dialog{width:min(1080px,95vw);max-height:92vh;border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(15,23,42,.35)}.j2p-dialog::backdrop{background:rgba(15,23,42,.68);backdrop-filter:blur(4px)}.j2p-dialog-shell{padding:20px;background:#fff}.j2p-dialog-head{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.j2p-dialog-head button{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:50%;font-size:1.35rem;cursor:pointer}.j2p-dialog-body{margin-top:15px;min-height:420px;background:#e2e8f0;border-radius:14px;overflow:hidden;display:grid;place-items:center}.j2p-dialog-body iframe{width:100%;height:70vh;border:0;background:#fff}.j2p-dialog-actions{justify-content:flex-end;margin-top:12px}
@media(max-width:1120px){.j2p-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.j2p-workspace{grid-template-columns:minmax(0,1fr) 300px}.j2p-control-grid,.j2p-text-grid{grid-template-columns:1fr 1fr}.j2p-image-grid{grid-template-columns:1fr}.j2p-output-stats{grid-template-columns:1fr 1fr}}
@media(max-width:840px){.j2p-intro{flex-direction:column}.j2p-intro-badges{justify-content:flex-start;max-width:none}.j2p-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.j2p-workspace{display:block}.j2p-live-rail{display:none}.j2p-editor-column{padding-bottom:78px}.j2p-feature>summary{grid-template-columns:auto 1fr}.j2p-feature>summary small{grid-column:2;text-align:left}.j2p-mobile-bar{position:fixed;z-index:35;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:7px;left:10px;right:10px;bottom:10px;background:#0f172a;color:#fff;border-radius:15px;padding:9px 10px;box-shadow:0 16px 45px rgba(15,23,42,.35)}.j2p-mobile-bar span{font-size:.65rem;display:flex;flex-direction:column}.j2p-mobile-bar strong{font-size:.88rem}.j2p-mobile-bar button{border:0;border-radius:10px;background:#38bdf8;color:#082f49;padding:9px 10px;font-size:.7rem;font-weight:800}.j2p-mobile-bar button:last-child{background:#fff}.j2p-final-preview iframe{height:420px}}
@media(max-width:580px){.j2p-intro,.j2p-template-section,.j2p-panel,.j2p-feature-body{padding:16px}.j2p-section-heading,.j2p-panel-head{flex-direction:column}.j2p-template-tools{display:grid;grid-template-columns:1fr 1fr;width:100%}.j2p-template-tools input{width:100%}.j2p-template-grid{grid-template-columns:1fr}.j2p-template-card{min-height:215px}.j2p-batch-summary,.j2p-control-grid,.j2p-text-grid,.j2p-output-stats,.j2p-readiness-list,.j2p-structure-preview{grid-template-columns:1fr 1fr}.j2p-image-card{grid-template-columns:100px minmax(0,1fr)}.j2p-thumb,.j2p-thumb img{min-height:105px}.j2p-feature>summary{padding:14px}.j2p-preview-heading{flex-direction:column;align-items:flex-start}.j2p-preview-heading span{text-align:left}.j2p-generate-actions>*{flex:1;text-align:center}.j2p-dialog-shell{padding:14px}.j2p-dialog-body{min-height:300px}.j2p-dialog-body iframe{height:68vh}.j2p-mobile-bar span:nth-child(2){display:none}}
@media(max-width:420px){.j2p-batch-summary,.j2p-output-stats,.j2p-structure-preview{grid-template-columns:1fr 1fr}.j2p-control-grid,.j2p-text-grid,.j2p-custom-size,.j2p-readiness-list{grid-template-columns:1fr}.j2p-image-card{grid-template-columns:1fr}.j2p-thumb,.j2p-thumb img{min-height:180px}.j2p-template-tools{grid-template-columns:1fr}.j2p-mobile-bar{grid-template-columns:1fr auto auto}}