.upload-progress{--upload-accent:var(--mint,#b6ff9c);display:grid;gap:8px;width:100%;max-width:680px;margin:4px 0;color:inherit;font-size:.87rem;font-weight:700}
.home-figma .upload-progress{--upload-accent:var(--fan-pink,#ffaccb)}
.upload-progress[hidden]{display:none}
.upload-progress progress{display:block;width:100%;height:12px;overflow:hidden;border:0;border-radius:999px;background:rgba(128,128,128,.2);accent-color:var(--upload-accent)}
.upload-progress progress::-webkit-progress-bar{background:rgba(128,128,128,.2);border-radius:999px}
.upload-progress progress::-webkit-progress-value{background:var(--upload-accent);border-radius:999px;transition:width .18s ease}
.upload-progress progress::-moz-progress-bar{background:var(--upload-accent);border-radius:999px}
.upload-progress[data-state="error"]{--upload-accent:#ff8c8c;color:#ffb2b2}
.upload-progress[data-state="complete"]{color:var(--upload-accent)}
.upload-progress[data-state="paused"],.upload-progress[data-state="disconnected"]{color:var(--upload-accent)}
.upload-progress[data-state="cancelled"]{color:var(--fan-muted,#aebbb1)}
.upload-controls{display:flex;flex-wrap:wrap;gap:8px}
.upload-controls [hidden]{display:none}
.upload-controls button{min-height:36px;padding:6px 12px;border:1px solid currentColor;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:.82rem;cursor:pointer}
.upload-controls button:hover,.upload-controls button:focus-visible{background:rgba(128,128,128,.13)}
[data-theme=light] .upload-progress[data-state="error"]{color:#a52742}
.admin-media-form>.upload-progress,.clip-section form>.upload-progress{grid-column:1/-1}
@media(max-width:700px){.admin-media-form>.upload-progress,.clip-section form>.upload-progress{grid-column:auto}}