#dropZone {
  border: 2px dashed #007bff;
  border-radius: 10px;
  padding: 205px 55px;
  text-align: center;
  cursor: pointer;
  color: #007bff;
  transition: background 0.3s, color 0.3s;
  height: 482px;

}

#dropZone.dragover {
  background-color: #e9f5ff;
  color: #0056b3;
}

.file-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.file-card {
  flex: 1;
  text-align: center;
  margin: 5px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 10px;
}

.preview-img {
  max-width: 100%;
  max-height: 250px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.size-info {
  font-size: 0.9rem;
  color: #555;
  margin-top: 5px;
}

.ckbox-wrapper {
  margin-top: 35px;
}

.original-table-info,
.processed-table-info {
  font-size: 13px;
  font-family: monospace;
}

.original-table-info th,
.processed-table-info th {
  width: 154px;
  font-weight: normal;
}

.original-table-info tr:last-child th,
.original-table-info tr:last-child td,
.processed-table-info tr:last-child th,
.processed-table-info tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}