.image-drop{display:block;margin-top:16px;padding:24px 18px;border:1px dashed #aaa9a2;background:#faf9f5;border-radius:6px;cursor:pointer}
.image-drop.drag{background:var(--accent-soft);border-color:var(--accent)}
.image-drop strong{display:block;margin-bottom:3px}.image-drop span{font-size:12px;color:var(--muted)}
.target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:13px}
.target-chip{height:38px;border:1px solid var(--line-strong)!important;background:#fff!important;color:var(--text)!important;border-radius:5px!important;font-size:12px}
.target-chip.active{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent-dark)!important}
.image-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:13px}
.image-settings label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:600}
.image-settings select,.image-settings input{height:36px;border:1px solid #aaa9a2;border-radius:5px;background:#fff;padding:0 9px}
.custom-kb{display:none;margin-top:9px}.custom-kb.show{display:block}
.image-result-list{margin-top:18px;border-top:1px solid var(--line)}
.image-result{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 120px auto;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line);font-size:12px}
.image-result .name{min-width:0}.image-result .name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.image-result .name small{display:block;color:var(--muted)}
.image-result .metric small{display:block;color:var(--muted);font-size:10px}.image-result .metric b{font-size:12px}
.image-result .state{font-size:11px}.state-ok{color:var(--accent-dark)}.state-warn{color:#86652a}.state-error{color:#95493e}
.download-mini{display:inline-flex;align-items:center;justify-content:center;height:31px;padding:0 10px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--text);text-decoration:none;font-size:11px;font-weight:600}
.processing-note{margin:12px 0 0;font-size:11.5px;color:var(--muted)}
@media(max-width:720px){
  .target-grid{grid-template-columns:repeat(2,1fr)}
  .image-settings{grid-template-columns:1fr}
  .image-result{grid-template-columns:1fr 1fr;gap:7px 10px}
  .image-result .name{grid-column:1/-1}.image-result .download-mini{justify-self:start}
}