.composition-progress{margin:20px 0;padding:24px;border:1px solid #ceddd5;border-radius:16px;background:#f1f6f2;color:#173f35;text-align:left}
.composition-progress[hidden]{display:none!important}
.composition-heading{display:flex;align-items:center;gap:12px;font-size:20px;line-height:1.35}
.composition-progress p{margin:12px 0;line-height:1.5}
.composition-track{height:10px;border-radius:20px;background:#d9e5dd;overflow:hidden;margin:18px 0}
.composition-track span{display:block;height:100%;background:#18533e;border-radius:20px;transition:width .5s ease}
.composition-spinner{width:20px;height:20px;flex:none;border:3px solid #cfddd5;border-top-color:#18533e;border-radius:50%;animation:composition-spin 1s linear infinite}
.composition-progress .composition-footnote{font-size:13px;color:#52685d;margin-bottom:0}
.composition-failed{background:#fff8ef;border-color:#e8d7bd}
.composition-failed .composition-spinner,.composition-failed .composition-track,.composition-failed .composition-footnote{display:none}
@keyframes composition-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.composition-progress{padding:18px}.composition-heading{font-size:18px}}
@media(prefers-reduced-motion:reduce){.composition-spinner{animation:none}.composition-track span{transition:none}}