.tool-hero{margin-bottom:28px}.tool-card{max-width:820px}.tool-options{display:grid;gap:18px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.tool-option-head{display:flex;justify-content:space-between;align-items:center}.tool-option label,.tool-grid2 label{display:block;font-size:13px;font-weight:750;color:#475569;margin-bottom:8px}
.tool-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-check{display:flex!important;align-items:center;gap:8px}.target-pill{display:inline-flex;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;border-radius:999px;padding:8px 12px;font-size:13px;margin-bottom:16px}
.tool-note{font-size:13px;color:var(--muted);margin:0}.tool-result{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.tool-preview-wrap{display:flex;justify-content:center;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}
.tool-preview{max-width:100%;max-height:420px;border-radius:10px}.tool-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.tool-stats>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}
.tool-stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.tool-download{display:block;text-align:center;text-decoration:none}@media(max-width:560px){.tool-grid2,.tool-stats{grid-template-columns:1fr}}

.imgilo-size-target select,#toolCustomSize{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;font:inherit;color:inherit}


/* IMGILO_TARGET_SIZE_V6 */
.imgilo-size-target{display:block!important}
.imgilo-size-target select,#toolCustomSize{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  background:#fff;
  font:inherit;
  color:inherit;
}
#toolCustomSizeWrap.hidden{display:none!important}
#toolCustomSizeWrap:not(.hidden){display:block!important}

/* IMGILO_BATCH_V9 */
.batch-section{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.batch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.batch-head h3{margin:0;font-size:15px}
.batch-clear{border:0;background:none;color:#64748b;cursor:pointer;font:inherit}
.batch-list{display:grid;gap:10px}
.batch-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}
.batch-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f1f5f9}
.batch-info{min-width:0}
.batch-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.batch-meta{font-size:12px;color:#64748b;margin-top:3px}
.batch-status{font-size:12px;color:#64748b;margin-top:3px}
.batch-status.ok{color:#15803d}
.batch-status.err{color:#b91c1c}
.batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.batch-download,.batch-remove{border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:none}
.batch-download{background:#eef2ff;color:#4f46e5}
.batch-remove{border:0;background:#f8fafc;color:#64748b;cursor:pointer}
#batchZipBtn{margin-top:14px}
@media(max-width:620px){
  .batch-item{grid-template-columns:52px minmax(0,1fr)}
  .batch-thumb{width:52px;height:52px}
  .batch-actions{grid-column:1/-1;justify-content:flex-start}
}


/* IMGILO_BATCH_THUMB_V10 */
.batch-item{
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:10px 12px !important;
  overflow:hidden !important;
}
.batch-thumb{
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:10px !important;
}
.batch-info{
  min-width:0 !important;
}
.batch-name{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media(max-width:620px){
  .batch-item{
    grid-template-columns:56px minmax(0,1fr) !important;
  }
  .batch-thumb{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    min-height:56px !important;
    max-height:56px !important;
  }
  .batch-actions{
    grid-column:1/-1 !important;
  }
}


/* IMGILO_HIDE_LEGACY_RESULT_V11 */
/* Batch compression pages already show every file in the list above.
   Hide the old single-file result card below to avoid duplicate UI. */
body[data-tool="compress"] .tool-result,
body[data-tool="jpg"] .tool-result,
body[data-tool="png"] .tool-result,
body[data-tool^="target"] .tool-result{
  display:none !important;
}