/* Progress-bar + error-trace utilities for templates that previously used
 * inline styles. CLAUDE.md forbids inline `style=` attributes; dynamic
 * widths are driven by JS at runtime via element.style.width — the
 * .progress-bar--init-0 class only sets the initial state. */

.progress--h-20 {
  height: 20px;
}

.progress-bar--init-0 {
  width: 0;
}

.progress-bar--init-10 {
  width: 10%;
}

.error-trace {
  max-height: 200px;
  overflow-y: auto;
}