/* progress_bar.js 모듈 스타일 (mainpage 업로드 / 향후 DFM 등 공용).
   기존 mainpage.css #progress/#progress-bar-wrap/#progress-bar/#progress-stage 이관.
   ★ 각 요소 기본 display:none = ProgressBar.set/showMessage 가 표시 제어 (기존 동작 보존).
   ★ 색은 CSS 변수 fallback = 페이지(mainpage/viewer) 토큰 없어도 동작. */
.pbar { margin-top: 20px; text-align: center; }   /* 컨테이너 = 자리 + 글씨 중앙 정렬 */
.pbar-main { font-size: 15px; color: var(--orange, #F58B2E); display: none; }
.pbar-track {
    margin: 12px auto 0; width: 320px; height: 10px;   /* 바 = 중앙(margin auto) */
    background: #222; border-radius: 5px; overflow: hidden; display: none;
}
.pbar-fill {
    height: 100%; width: 0%;
    background: linear-gradient(90deg, var(--orange, #F58B2E), #ffaa44);
    transition: width 0.2s;
}
.pbar-stage { margin-top: 8px; font-size: 13px; color: var(--text-dim, #8F94A2); display: none; }