.upload-progress { display: grid; grid-template-columns: minmax(0, 360px) auto; gap: 10px; align-items: center; margin: 18px 0 12px; color: var(--muted); font-size: .9rem; font-weight: 650; }
.upload-progress progress { width: 100%; height: 10px; overflow: hidden; border: 0; border-radius: 999px; background: #e4e7ef; color: var(--accent); appearance: none; }
.upload-progress progress::-webkit-progress-bar { background: #e4e7ef; }.upload-progress progress::-webkit-progress-value { background: var(--accent); border-radius: 999px; transition: width .12s linear; }.upload-progress progress::-moz-progress-bar { background: var(--accent); border-radius: 999px; }
.upload-progress.is-rendering progress { accent-color: var(--accent); }.upload-progress.is-rendering progress:indeterminate { background: linear-gradient(90deg, #e4e7ef 25%, #c7c6f8 50%, #e4e7ef 75%); background-size: 200% 100%; animation: upload-rendering 1.1s linear infinite; }
[data-upload-submit]:disabled { cursor: wait; opacity: .7; }
@keyframes upload-rendering { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .upload-progress.is-rendering progress:indeterminate { animation: none; } }