.upload-progress { display: grid; gap: 12px; margin-block: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface, #fff); }
.upload-progress[hidden], .upload-progress [hidden] { display: none; }
.upload-progress__heading, .upload-progress__actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.upload-progress__heading strong { min-width: 0; overflow-wrap: anywhere; }
.upload-progress progress { display: block; width: 100%; height: 8px; border: 0; border-radius: 8px; overflow: hidden; appearance: none; background: #e6e8df; accent-color: #668832; }
.upload-progress progress::-webkit-progress-bar { background: #e6e8df; border-radius: 8px; }
.upload-progress progress::-webkit-progress-value { background: #668832; border-radius: 8px; }
.upload-progress progress::-moz-progress-bar { background: #668832; border-radius: 8px; }
.upload-progress .field__hint { margin: 0; }