.upload-queue-panel { position:fixed; right:18px; bottom:18px; z-index:12000; width:min(380px,calc(100vw - 28px)); max-height:calc(100dvh - 36px); display:flex; flex-direction:column; padding:16px; gap:12px; background:#fff; border:1px solid #d4d4d8; border-radius:12px; box-shadow:0 12px 40px #18181b24; color:#27272a; font-size:13px; }
.upload-queue-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.upload-queue-panel p { margin:0; line-height:1.5; }
.upload-queue-panel button { border:1px solid #d4d4d8; border-radius:5px; padding:5px 8px; font:inherit; font-size:12px; background:#fff; color:#27272a; cursor:pointer; }
.upload-queue-panel button:disabled { opacity:.45; cursor:default; }
.upload-queue-panel button:focus-visible { outline:2px solid #b72531; outline-offset:2px; }
.upload-queue-panel progress { display:block; width:100%; height:7px; accent-color:var(--workspace-accent,#b72531); flex-shrink:0; }
.upload-queue-list { overflow:auto; min-height:0; max-height:300px; display:grid; gap:12px; }
.upload-queue-list article { display:grid; gap:6px; border-top:1px solid #eee; padding-top:12px; }
.upload-queue-list strong { overflow-wrap:anywhere; line-height:1.5; }
.upload-queue-list span { color:#52525b; line-height:1.5; overflow-wrap:anywhere; }
.upload-queue-list small,.upload-queue-hint { color:#71717a; font-size:11px; }
.upload-queue-list button { justify-self:start; }
.upload-queue-list [data-status="done"] span { color:#18794e; }
.upload-queue-list :is([data-status="error"],[data-status="uncertain"],[data-status="proof-error"]) span { color:#a43c13; }
.upload-queue-panel [hidden] { display:none !important; }