.upload-ux-field{display:flex;flex-direction:column;gap:8px;margin-top:8px}.upload-ux-file-name{font-size:12px;color:var(--muted,#667085);font-weight:700}.upload-ux-preview-list{display:flex;flex-wrap:wrap;gap:10px}.upload-ux-preview-card{width:110px;border:1px solid var(--line,#d0d5dd);border-radius:14px;background:var(--card,#fff);box-shadow:0 8px 20px rgba(15,23,42,.06);padding:8px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.upload-ux-preview-image,.upload-ux-preview-fallback{width:100%;height:86px;border-radius:10px;object-fit:cover;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:900;color:#344054}.upload-ux-preview-label{font-size:11px;line-height:1.35;color:#475467;word-break:break-word}.upload-ux-form-progress{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--line,#d0d5dd);border-radius:14px;background:var(--card,#fff);margin-top:14px}.upload-ux-form-progress.hidden{display:none}.upload-ux-progress-bar{width:100%;height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.upload-ux-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%);transition:width .18s ease}.upload-ux-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.upload-ux-form-status{margin-top:10px;font-size:13px;font-weight:700;color:#0f766e}.upload-ux-form-status.is-error{color:#b42318}@media (max-width:680px){.upload-ux-preview-card{width:92px}.upload-ux-preview-image,.upload-ux-preview-fallback{height:76px}}