.upload-queue{position:fixed;z-index:45;right:max(18px,env(safe-area-inset-right));bottom:104px;width:min(390px,calc(100% - 28px));max-height:min(480px,62vh);overflow:hidden;border-radius:24px;background:rgba(248,251,255,.86);box-shadow:0 22px 65px rgba(20,40,70,.2);transition:max-height .22s ease,transform .22s ease}.upload-queue__header{min-height:68px;margin:0;padding:14px 14px 12px 17px;display:flex;align-items:center;border-bottom:1px solid rgba(120,135,155,.13)}.upload-queue__header strong,.upload-queue__header small{display:block}.upload-queue__header strong{font-size:16px;line-height:1.25}.upload-queue__header small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}.upload-queue__actions{display:flex;align-items:center;gap:5px}.upload-queue__actions button{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:650}.upload-queue__actions #uploadQueueToggle{width:38px;height:38px;border-radius:50%;background:rgba(120,135,155,.1);color:var(--text);font-size:20px}.upload-queue__items{max-height:390px;overflow:auto;overscroll-behavior:contain}.upload-item{min-height:78px;padding:11px 12px 11px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) 34px auto;align-items:center;gap:10px;border-bottom:1px solid rgba(120,135,155,.11)}.upload-item:last-child{border-bottom:0}.upload-item__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(8,124,255,.11);color:var(--blue);font-size:21px}.upload-item__body{min-width:0}.upload-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:680;line-height:1.3}.upload-item__meta{margin-top:3px;display:flex;gap:7px;color:var(--muted);font-size:11px;line-height:1.3}.upload-item__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item__bar{height:4px;margin-top:8px;overflow:hidden;border-radius:3px;background:rgba(120,135,155,.16)}.upload-item__bar span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;border-radius:inherit;background:var(--blue);transition:transform .12s linear}.upload-item__percent{font-size:12px;font-weight:700;color:var(--muted);text-align:right}.upload-item__action{height:32px;padding:0 9px;border:0;border-radius:11px;background:rgba(120,135,155,.1);color:var(--blue);font-size:11px;font-weight:700}.upload-item[data-status=done] .upload-item__percent{color:#0cab76}.upload-item[data-status=done] .upload-item__bar span{background:#0cab76}.upload-item[data-status=error] .upload-item__percent,.upload-item[data-status=error] .upload-item__status{color:#e13e3e}.upload-item[data-status=error] .upload-item__bar span{background:#e13e3e}.upload-queue.collapsed{max-height:68px}.upload-queue.collapsed .upload-queue__header{border-bottom:0}.upload-queue.collapsed .upload-queue__items{visibility:hidden}html[data-theme=dark] .upload-queue{background:rgba(20,26,36,.92)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .upload-queue{background:rgba(20,26,36,.92)}}@media(max-width:679px){.upload-queue{right:14px;bottom:100px;width:calc(100% - 28px);max-height:min(430px,57vh);border-radius:22px}.upload-queue__items{max-height:350px}.upload-item{grid-template-columns:40px minmax(0,1fr) 30px auto;padding-inline:12px;gap:8px}}@media(prefers-reduced-motion:reduce){.upload-queue,.upload-item__bar span{transition:none}}
