.photo-progress { width: 100%; max-width: 26rem; margin: 1rem auto; text-align: left; }
.photo-progress[hidden], .photo-progress [hidden], .design-photo-loading [hidden], [data-upload-error][hidden] { display: none !important; }
.photo-progress-track { display: flex; align-items: center; gap: .65rem; }
.photo-progress progress { display: block; flex: 1; min-width: 0; width: 100%; height: .8rem; accent-color: #56802b; }
.photo-progress-track span { font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.photo-progress-track span:empty { display: none; }
.photo-progress p { margin: .5rem 0 0; color: inherit; font-size: .925rem; line-height: 1.4; white-space: normal; }
.photo-upload-busy > .action-icon, .photo-upload-busy > h4, .photo-upload-busy > .small-description, .photo-upload-busy > #product-upload { display: none !important; }
[data-upload-error] { margin: .75rem 0 0; color: #9e271d; font-size: .925rem; line-height: 1.4; }
.preloader.design-photo-loading { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; background: #162026; color: white; text-align: center; }
.design-photo-loading .photo-progress { margin: 1.5rem 0 .5rem; }
.design-photo-loading progress { accent-color: #a8cf75; color-scheme: dark; }
.design-photo-loading button { margin-top: .75rem; padding: .4rem .85rem; border: 1px solid currentColor; border-radius: .35rem; background: transparent; color: inherit; }