.ndvi-mapper { border:1px solid #ddd; border-radius:10px; padding:14px; background:#fff; }
.ndvi-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; margin-bottom:10px; }
.ndvi-field { display:flex; flex-direction:column; gap:6px; }
.ndvi-field.small { width:120px; }
.ndvi-field.file { flex:1 1 260px; }
.ndvi-field > span { font-weight:600; font-size:12px; color:#333; }
.ndvi-field select, .ndvi-field input[type="number"], .ndvi-field input[type="file"] {
  padding:7px; border:1px solid #ccc; border-radius:6px; width:100%;
}
.ndvi-checkbox { display:flex; align-items:center; gap:8px; margin-left:auto; }
.ndvi-toolbar button { background:#2e7d32; color:#fff; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; }
.ndvi-toolbar button.ndvi-download { background:#1976d2; }
.ndvi-canvas-wrap { background:#f7faf7; border:1px solid #e1e5e1; border-radius:8px; padding:8px; text-align:center; }
.ndvi-legend { margin-top:8px; text-align:center; font-size:12px; color:#333; }
.ndvi-log { margin-top:8px; background:#fbfbfb; border:1px solid #eee; padding:8px; min-height:34px; max-height:180px; overflow:auto; }