/* Host pages style the panels that contain this widget with !important and a
   two-class prefix (e.g. .qe-result-page .phase1-generation-gate strong forces
   24px), which blew the heading onto two lines. The doubled class below raises
   this component above those rules so it owns its own scale on every host. */
.mm-generation-progress{width:100%;max-width:100%;margin:10px 0 14px;padding:11px 12px;border:1px solid #ded5d2;background:#fffdfb;color:#211b1b;box-sizing:border-box}
.mm-generation-progress[hidden]{display:none!important}
.mm-generation-progress.mm-generation-progress .mm-generation-progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;white-space:nowrap;margin:0}
.mm-generation-progress.mm-generation-progress .mm-generation-progress-heading span{overflow:hidden;text-overflow:ellipsis;font-weight:400!important;font-size:11px!important;line-height:1.4!important;letter-spacing:.04em;color:#716769}
.mm-generation-progress.mm-generation-progress .mm-generation-progress-heading strong{flex:none;color:#9f0d2d;font:500 17px/1 var(--serif,"Noto Serif JP",serif)!important;font-variant-numeric:tabular-nums;margin:0}
.mm-generation-progress.mm-generation-progress progress{display:block;width:100%;height:6px;margin:9px 0 7px;border:0;border-radius:0;overflow:hidden;background:#eee7e4;color:#a00d2f;accent-color:#a00d2f}
.mm-generation-progress.mm-generation-progress progress::-webkit-progress-bar{background:#eee7e4}
.mm-generation-progress.mm-generation-progress progress::-webkit-progress-value{background:#a00d2f;transition:width .45s ease}
.mm-generation-progress.mm-generation-progress progress::-moz-progress-bar{background:#a00d2f}
.mm-generation-progress.mm-generation-progress small{display:block;color:#716769;font-weight:400!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere;margin:0}
.mm-generation-progress[data-state="failed"] progress{opacity:.45}
@media(max-width:720px){
.mm-generation-progress{margin:8px 0 12px;padding:10px}
.mm-generation-progress.mm-generation-progress .mm-generation-progress-heading span{font-size:10px!important}
.mm-generation-progress.mm-generation-progress .mm-generation-progress-heading strong{font-size:15px!important}
.mm-generation-progress.mm-generation-progress small{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){W progress::-webkit-progress-value{transition:none}}