.progress-stage {
  width: 100%;
  max-width: 400px;
  margin-top: 20px;
}

.progress-stage .progress-track {
  height: 4px;
  background: #272727;
  border-radius: 2px;
  overflow: hidden;
}

.progress-stage .progress-fill {
  height: 100%;
  width: 0%;
  background: #bbb0ff;
  border-radius: 2px;
  transition: width 80ms linear;
}

.progress-label {
  margin-top: 12px;
  font-size: 14px;
  color: #949494;
}

.progress-inline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.progress-inline .progress-track {
  flex: 1;
  min-width: 0;
}

.progress-sublog {
  margin: 0;
  font-size: 10px;
  line-height: 1.3;
  color: #6f6f6f;
  letter-spacing: 0.01em;
  white-space: nowrap;
  flex-shrink: 0;
  max-width: 46%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#progress-wrap {
  width: 100%;
  max-width: 400px;
  margin-top: 32px;
}

#progress-wrap .progress-track {
  height: 4px;
  background: #272727;
  border-radius: 2px;
  overflow: hidden;
}

#progress-fill {
  height: 100%;
  width: 0%;
  background: #bbb0ff;
  border-radius: 2px;
  transition: width 80ms linear;
}