.upload-feedback-backdrop[hidden] { display: none; }
.upload-feedback-backdrop { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 16px; background: rgba(15, 25, 40, .72); }
.upload-feedback-dialog { box-sizing: border-box; width: min(100%, 650px); max-height: min(90vh, 760px); overflow: auto; padding: 24px; border-radius: 12px; background: #fff; color: #172131; box-shadow: 0 16px 50px rgba(0, 0, 0, .3); font: 18px/1.5 Arial, sans-serif; text-align: left; }
.upload-feedback-dialog h2 { margin: 0 0 12px; color: #971c26; font-size: 26px; line-height: 1.25; }
.upload-feedback-dialog p { margin: 12px 0; text-align: left; }
.upload-feedback-list { max-height: 35vh; overflow: auto; margin: 12px 0; padding-left: 26px; }
.upload-feedback-list li { margin: 8px 0; overflow-wrap: anywhere; }
.upload-feedback-dialog button { min-height: 48px; margin-top: 8px; padding: 8px 24px; border: 0; border-radius: 6px; background: #0875b7; color: #fff; font: 700 18px Arial, sans-serif; cursor: pointer; }
.upload-feedback-dialog button:focus-visible { outline: 3px solid #172131; outline-offset: 3px; }
.upload-feedback-banner { box-sizing: border-box; width: 100%; margin: 12px 0; padding: 12px 16px; border: 2px solid #a5222d; border-radius: 6px; background: #fff1f1; color: #721722; font: 700 17px/1.4 Arial, sans-serif; }
@media (max-width: 480px) { .upload-feedback-dialog { padding: 18px; font-size: 17px; } .upload-feedback-dialog h2 { font-size: 23px; } }