/* JPG to PDF tool (builds on pdf-tool.css: dropzone, alert, buttons) */
.jp-work{max-width:760px;margin:0 auto}
.jp-count{text-align:center;color:var(--text-muted);font-size:.85rem;margin:0 0 12px}
.jp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.jp-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}
.jp-num{position:absolute;top:8px;left:8px;z-index:2;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--gold);color:#0a0a0a;font-size:.72rem;font-weight:800;display:grid;place-items:center}
.jp-thumb{aspect-ratio:1/1;border-radius:8px;background:var(--black-soft);display:grid;place-items:center;overflow:hidden}
.jp-thumb img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s}
.jp-name{color:var(--text-light);font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jp-meta{color:var(--text-faint);font-size:.7rem;margin-top:-4px}
.jp-btns{display:flex;gap:4px;justify-content:space-between}
.jp-btns button{flex:1;height:30px;border-radius:8px;background:var(--black-soft);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:var(--transition,all .2s)}
.jp-btns button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.jp-btns button:disabled{opacity:.35;cursor:not-allowed}
.jp-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0 0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:14px}
.jp-opt label{display:block;color:var(--text-muted);font-size:.74rem;margin-bottom:5px}
.jp-opt select,.jp-opt input[type=text]{width:100%;box-sizing:border-box;background:var(--black-soft);border:1px solid var(--card-border);color:var(--text-light);border-radius:8px;padding:9px 10px;font:inherit;font-size:.85rem}
.jp-opt select:focus,.jp-opt input:focus{outline:0;border-color:var(--gold)}
.jp-note{max-width:640px;margin:14px auto 0;text-align:center;color:var(--text-faint);font-size:.78rem}
.jp-note a{color:var(--gold)}
@media (max-width:480px){.jp-grid{grid-template-columns:repeat(2,1fr)}}