#image-drop-zone {
  border: 2px dashed #007bff;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  color: #333;
  cursor: pointer;
  margin-bottom: 20px;
  transition: background 0.2s;
}
#image-drop-zone.active { background: #f0f8ff; }
.preview-thumb {
  width: 120px;
  height: auto;
  margin: 10px;
  border-radius: 8px;
}
#controls input, #controls button, #controls select {
  margin: 6px;
  padding: 8px;
  border-radius:6px;
  border:1px solid #e6e9ef;
}
#resize-btn {
  background: #007bff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding:8px 12px;
}
#message.success { color: green; }
#message.error { color: red; }
#preview { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }