.frpc-upload-progress{grid-column:1/-1;margin:18px 0;padding:18px;border:1px solid #c8d8f8;border-radius:16px;background:#f7faff;color:#12213e;box-shadow:0 12px 32px rgba(25,72,150,.08)}
.frpc-upload-progress[hidden]{display:none}.frpc-upload-head,.frpc-upload-details{display:flex;align-items:center;justify-content:space-between;gap:14px}.frpc-upload-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frpc-upload-head b{color:#1768e5}.frpc-upload-track{height:12px;margin:13px 0 9px;overflow:hidden;border-radius:999px;background:#dfe8f7}.frpc-upload-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1768e5,#16b8d4);transition:width .18s ease}.frpc-upload-details{font-size:12px;color:#5e6f8d}.frpc-upload-progress p{margin:9px 0 0;font-size:13px;color:#52627e}.frpc-upload-progress.complete{border-color:#a6e0c0;background:#f1fcf6}.frpc-upload-progress.complete .frpc-upload-track i{background:#16a463}.frpc-upload-progress.error{border-color:#efb5bb;background:#fff4f5}.frpc-upload-progress.error .frpc-upload-head b{color:#c52c3b}.frpc-upload-progress.error .frpc-upload-track i{background:#d43b49}
@media(max-width:620px){.frpc-upload-head,.frpc-upload-details{align-items:flex-start;flex-direction:column;gap:4px}.frpc-upload-head strong{white-space:normal}}