#upload-progress-root{position:fixed;z-index:1000;right:22px;bottom:22px}.upload-progress-float{position:relative;display:grid;width:64px;height:64px;margin:0;padding:0;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;background:linear-gradient(145deg,#1685ff,#7554f6 55%,#e050d5);box-shadow:0 16px 42px rgba(57,76,190,.34);cursor:pointer}.upload-progress-float:before{position:absolute;inset:-7px;border-radius:inherit;background:linear-gradient(135deg,rgba(41,151,255,.4),rgba(220,66,255,.35));filter:blur(10px);content:'';animation:uploadPulse 2s ease-in-out infinite}.upload-progress-float svg{position:absolute;inset:5px;width:54px;height:54px;transform:rotate(-90deg)}.upload-progress-float circle{fill:none;stroke:rgba(255,255,255,.2);stroke-width:3}.upload-progress-float circle.value{stroke:#fff;stroke-linecap:round;stroke-dasharray:107;stroke-dashoffset:107;transition:stroke-dashoffset .2s}.upload-progress-float span{position:relative;font-size:10px;font-weight:750}.upload-progress-panel{position:absolute;right:0;bottom:76px;width:min(340px,calc(100vw - 30px));padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(240,242,255,.94));box-shadow:0 28px 75px rgba(19,26,68,.25);backdrop-filter:blur(22px);opacity:0;transform:translateY(14px) scale(.94);pointer-events:none;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}#upload-progress-root.is-open .upload-progress-panel{opacity:1;transform:none;pointer-events:auto}.upload-progress-close{position:absolute;top:12px;right:12px;width:30px;height:30px;margin:0;padding:0;border-radius:50%;color:#686b78;background:#e8e9f0}.upload-progress-icon{display:grid;width:48px;height:48px;margin-bottom:16px;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#258cff,#9b4ef1);box-shadow:0 12px 28px rgba(91,87,225,.28);font-size:21px}.upload-progress-panel>p{margin:0 0 5px;color:#7665dc;font-size:8px;font-weight:750;letter-spacing:.18em}.upload-progress-panel h3{margin:0 0 5px;font-size:18px}.upload-progress-panel>b{display:block;overflow:hidden;color:#757886;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.upload-progress-track{height:8px;overflow:hidden;margin:18px 0 9px;border-radius:999px;background:#dedfea}.upload-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#198aff,#8157f3,#ed55bb);box-shadow:0 0 14px rgba(126,81,239,.55);transition:width .2s}.upload-progress-detail{display:flex;align-items:center;justify-content:space-between}.upload-progress-detail span{font-size:12px;font-weight:750}.upload-progress-detail small{color:#999ca9;font-size:8px}@keyframes uploadPulse{50%{opacity:.6;transform:scale(1.1)}}@media(max-width:600px){#upload-progress-root{right:14px;bottom:14px}.upload-progress-panel{bottom:72px}}@media(prefers-reduced-motion:reduce){.upload-progress-float:before{animation:none}}