*{box-sizing:border-box}html,body{color:#fff3df;-webkit-font-smoothing:antialiased;background:#0a0612;margin:0;padding:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.browser-upload-page{background:radial-gradient(circle at 0 0,#ffd40029,#0000 34rem),radial-gradient(circle at 100% 100%,#55e5c21f,#0000 30rem),#0a0612;place-items:center;min-height:100vh;padding:28px;display:grid}.browser-upload-panel{background:#0a0612eb;border:1px solid #2a2a2a;border-radius:8px;gap:18px;width:min(100%,520px);padding:28px;display:grid;box-shadow:0 24px 70px #00000061}.browser-upload-brand{color:#ffd400;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:800}.browser-upload-panel h1{color:#fff3df;margin:0;font-size:36px;line-height:1}.upload-pair-form{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.upload-pair-form label{color:#fff3dfb8;gap:6px;font-size:12px;font-weight:700;display:grid}.upload-pair-form input{color:#fff3df;min-width:0;height:44px;font:inherit;letter-spacing:1px;text-transform:uppercase;background:#120c1d;border:1px solid #2a2a2a;border-radius:8px;padding:0 12px}.upload-pair-form button,.browser-upload-drop{color:#111;cursor:pointer;background:#ffd400;border:1px solid #ffd400;border-radius:8px;height:44px;padding:0 18px;font-weight:800}.browser-upload-connected{color:#fff3df;background:#55e5c214;border:1px solid #55e5c266;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 14px;display:flex}.browser-upload-connected strong{color:#55e5c2;font-size:14px}.browser-upload-connected span{color:#fff3dfad;font-size:13px}.browser-upload-drop{color:#ffd400;background:#ffd40014;border-style:dashed;width:100%;height:86px}.upload-pair-form button:disabled,.browser-upload-drop:disabled{cursor:not-allowed;opacity:.5}.upload-root.is-dragging:not(.drag-blocked) .browser-upload-drop:not(:disabled){color:#55e5c2;background:#55e5c21f;border-color:#55e5c2}.upload-root.is-dragging:after{content:"";z-index:900;pointer-events:none;animation:.85s ease-in-out infinite upload-edge-pulse;position:fixed;inset:0;box-shadow:inset 0 0 0 3px #55e5c2,inset 0 0 26px #55e5c266}.upload-root.is-dragging.drag-blocked:after{opacity:.6;animation:none;box-shadow:inset 0 0 0 3px #fff3df59}@keyframes upload-edge-pulse{0%,to{opacity:.5}50%{opacity:1}}.browser-upload-progress{background:#fff3df14;border:1px solid #ffd4003d;border-radius:999px;width:100%;height:8px;overflow:hidden}.browser-upload-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffd400,#55e5c2);height:100%;transition:width .18s;display:block}.browser-upload-status{color:#fff3dfc7;min-height:22px;margin:0;font-size:14px}.browser-upload-jobs{gap:10px;margin:0;padding:0;list-style:none;display:grid}.browser-upload-job{background:#120c1d;border:1px solid #2a2a2a;border-radius:8px;gap:8px;padding:12px 14px;display:grid}.browser-upload-job-name{color:#fff3df;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.browser-upload-job-detail{color:#fff3dfa8;font-size:12px}.browser-upload-job--done{border-color:#55e5c273}.browser-upload-job--failed{border-color:#ff636380}.browser-upload-job--failed .browser-upload-job-detail{color:#ff8f8f}
