.barba-process-flow { border: 1px solid #ddd; border-radius: 8px; padding: 16px; }
.barba-process-flow .barba-step { margin-bottom: 16px; }
.barba-process-flow .barba-warning { background: #fff7d6; padding: 8px; border-left: 3px solid #cc9a00; }
.barba-process-flow pre { background: #f6f7f7; padding: 10px; min-height: 84px; white-space: pre-wrap; }
.barba-process-flow pre.is-error { color: #b00020; }
.barba-process-flow .barba-downloads a { margin-right: 12px; }
.barba-processing-progress { background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 6px; margin-bottom: 10px; padding: 12px; }
.barba-processing-progress__heading { align-items: center; display: flex; gap: 8px; }
.barba-processing-progress__spinner { border: 2px solid #b8c5d1; border-radius: 50%; border-top-color: #2271b1; display: inline-block; height: 14px; width: 14px; }
.barba-processing-progress.is-active .barba-processing-progress__spinner { animation: barba-process-spin .9s linear infinite; }
.barba-processing-progress__track { background: #dcdcde; border-radius: 999px; height: 10px; margin: 10px 0; overflow: hidden; }
.barba-processing-progress__value { background: #2271b1; display: block; height: 100%; overflow: hidden; position: relative; transition: width .25s ease; width: 0; }
.barba-processing-progress.is-active .barba-processing-progress__value::after { animation: barba-process-glint 1.8s ease-in-out infinite; background: linear-gradient(90deg, transparent 0%, rgba(255, 221, 87, .2) 20%, #ffe36e 48%, #d8f0ff 62%, rgba(216, 240, 255, .25) 82%, transparent 100%); content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translateX(-110%); width: 34%; }
.barba-processing-progress:not(.is-active) .barba-processing-progress__value::after { content: none; }
.barba-processing-progress .barba-hint { margin: 0; }
@keyframes barba-process-spin { to { transform: rotate(360deg); } }
@keyframes barba-process-glint { 0% { transform: translateX(-110%); } 70%, 100% { transform: translateX(310%); } }
@media (prefers-reduced-motion: reduce) {
  .barba-processing-progress.is-active .barba-processing-progress__spinner { animation: none; }
  .barba-processing-progress.is-active .barba-processing-progress__value::after { animation: none; background: linear-gradient(90deg, transparent, #ffe36e 48%, #d8f0ff 62%, transparent); left: 33%; transform: none; }
}
@media (max-width: 480px) { .barba-process-flow { padding: 12px; } .barba-process-flow .barba-downloads a { display: block; margin: 0 0 8px; } }