/* JX Uploader Final styles */
.jxf-panel{background:#fff;border:1px solid #e6eef8;padding:16px;border-radius:10px;max-width:1200px;margin:0 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.jxf-toolbar{display:flex;gap:8px;align-items:center;position:relative;margin-bottom:10px}
.jxf-btn{background:#2563eb;color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 6px 18px rgba(37,99,235,0.12)}
.jxf-primary{background:#111827}
.jxf-drop{border:2px dashed #cbd5e1;border-radius:10px;padding:18px;text-align:center;color:#334155;margin-bottom:12px}
.jxf-drop.jxf-dragover{background:#eef6ff;border-color:#93c5fd}
.jxf-msg{margin-top:8px;color:#374151;min-height:20px}
.jxf-h{margin:18px 0 8px;font-size:18px}
.jxf-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.jxf-thumb{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e6eef8;display:flex;flex-direction:column}
.jxf-thumb img{display:block;width:100%;object-fit:coverdisplay:block;width:100%;height:160px;object-fit:coverheight:160px;object-fit:contain;}
.jxf-thumb figcaption{display:flex;justify-content:space-between;align-items:center;padding:8px;font-size:13px;color:#334155}
.jxf-caption-left{display:flex;align-items:center;gap:8px}
.jxf-caption-right{display:flex;align-items:center;gap:8px}
.jxf-badge{background:#10b981;color:#fff;padding:4px 8px;border-radius:999px;font-size:12px}
.small{padding:6px 8px;border-radius:8px;font-weight:600;cursor:pointer}
.jxf-del{background:#fee2e2;color:#b91c1c;border:0}
.jxf-unmark{background:#fde68a;color:#92400e;border:0}
.jxf-empty{color:#6b7280;padding:12px} 
.jxf-public-gallery{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.jxf-thumb.selected{outline:4px solid rgba(59,130,246,0.18);box-shadow:0 6px 18px rgba(37,99,235,0.08);transform:translateY(-3px);transition:transform .12s ease,box-shadow .12s ease}
@media (max-width:900px){ .jxf-public-gallery{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width:480px){ .jxf-public-gallery{grid-template-columns:repeat(1,1fr)!important} }