.sx-upload-status{position:fixed;z-index:2147483000;right:50%;bottom:max(22px,env(safe-area-inset-bottom));width:min(430px,calc(100vw - 28px));padding:16px 17px;border:1px solid #30283c;border-radius:17px;background:rgba(12,12,19,.97);color:#f4f2f7;box-shadow:0 24px 70px rgba(0,0,0,.55);font-family:Rubik,Heebo,sans-serif;transform:translate(50%,18px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;backdrop-filter:blur(18px)}.sx-upload-status.is-visible{opacity:1;transform:translate(50%,0)}.sx-upload-status header{display:flex;align-items:center;gap:12px}.sx-upload-spinner{width:34px;height:34px;flex:none;border:3px solid #292431;border-top-color:#a855f7;border-radius:50%;animation:sxUploadSpin .75s linear infinite}.sx-upload-status.is-complete .sx-upload-spinner{display:grid;place-items:center;border-color:#22d3a6;background:#10251d;color:#22d3a6;animation:none}.sx-upload-status.is-complete .sx-upload-spinner:after{content:'✓';font-weight:900}.sx-upload-copy{min-width:0;flex:1}.sx-upload-copy strong,.sx-upload-copy small{display:block}.sx-upload-copy strong{font-size:14px}.sx-upload-copy small{overflow:hidden;margin-top:4px;color:#8b8798;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sx-upload-percent{font:600 12px 'IBM Plex Mono',monospace;color:#d6b4ff;direction:ltr}.sx-upload-track{height:6px;margin-top:13px;overflow:hidden;border-radius:99px;background:#25232d}.sx-upload-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3a6,#a855f7);transition:width .18s ease}.sx-upload-status.is-processing .sx-upload-track i{width:35%;animation:sxUploadProcess 1.15s ease-in-out infinite}.sx-upload-status.is-error{border-color:#5a2833}.sx-upload-status.is-error .sx-upload-spinner{border-color:#ff6b81;animation:none}.sx-upload-status.is-error .sx-upload-percent{color:#ff8a9c}.sx-file-ready{display:block;margin-top:6px;color:#8b8798;font:500 11px Rubik,Heebo,sans-serif}.sx-file-ready:before{color:#22d3a6;content:'✓ ';font-weight:900}@keyframes sxUploadSpin{to{transform:rotate(360deg)}}@keyframes sxUploadProcess{0%{transform:translateX(230%)}50%{width:55%}100%{transform:translateX(-230%)}}@media(max-width:600px){.sx-upload-status{bottom:max(14px,env(safe-area-inset-bottom));padding:14px}.sx-upload-copy strong{font-size:13px}}