@import url('../../src/styles/_converter.css');
@import url('../../src/styles/_buttons.css');
@import url('../../src/styles/_options.css');
@import url('../../src/styles/_progress.css');

.drop-zone.drag-over {
  border-color: var(--primary);
  background: rgba(99,102,241,0.04);
  transform: scale(1.01);
}

.compression-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
  font-size: 0.95rem;
  color: var(--text-secondary);
}

.compression-stats span {
  font-family: var(--font-mono);
}

.stat-arrow {
  color: var(--text-tertiary);
}

.stat-badge {
  background: #10b981;
  color: white;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}