.sphere{width:var(--d,44px);height:var(--d,44px);flex:none;position:relative}.sphere canvas{width:100%;height:100%;display:block}.sphere:before,.sphere:after{content:"";border:1px solid var(--sphere-lit);pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:0}@keyframes sphere-ring{0%{opacity:.55;transform:scale(1)}35%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}.sphere[data-state=success]:before{animation:4.2s ease-out infinite sphere-ring}.sphere[data-state=success]:after{animation:4.2s ease-out .55s infinite sphere-ring}.shell{max-width:820px;margin:0 auto;padding:0 24px 96px}.bar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:64px;margin-bottom:56px;display:flex}.bar a{font-family:var(--font-mono);font-size:var(--t-label);color:var(--text-soft);align-items:center;gap:7px;text-decoration:none;transition:color .18s;display:inline-flex}.bar a:hover{color:var(--text)}.wordmark{font-family:var(--font-mono);font-size:var(--t-label);color:var(--text-muted);letter-spacing:.04em}.head{margin-bottom:28px}.head h1{font-size:var(--t-display);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}.head p{max-width:56ch;font-size:var(--t-label);color:var(--text-soft);margin:8px 0 0;font-weight:400;line-height:1.55}.drop{border:1px dashed var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--card-lift), var(--panel));text-align:center;cursor:pointer;transition:border-color var(--dur), background var(--dur), transform .12s;padding:56px 24px;display:block}.drop:hover{border-color:var(--line-strong)}.drop:active{transform:scale(.995)}.drop[data-over=true]{border-color:var(--text);background:var(--card-lift)}.drop input[type=file]{display:none}.drop-icon{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-lift);width:44px;height:44px;color:var(--text-soft);place-items:center;margin:0 auto 18px;display:grid}.drop-lead{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--text-soft)}.drop-lead b{color:var(--text);font-weight:500}.drop-note{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-top:10px}.queue{margin-top:40px}.queue-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:12px;display:flex}.queue-head h2{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--text-soft);margin:0;font-weight:400}.queue-count{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-muted);font-variant-numeric:tabular-nums}.job{border-bottom:1px solid var(--line-soft);grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:16px 4px;display:grid}.job-glyph{width:44px;height:44px;color:var(--text-muted);place-items:center;display:grid}.job-name{font-size:var(--t-section);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.3;overflow:hidden}.job-sub{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.05em;color:var(--text-soft);margin-top:5px}.job-sub .sep{color:var(--text-muted);margin:0 8px}.job-act{align-items:center;gap:14px;display:flex}.job-link{border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--text);padding-bottom:2px;text-decoration:none;transition:border-color .18s}.job-link:hover{border-color:var(--text)}.job-dismiss{border-radius:var(--r-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .18s,background .18s;display:grid}.job-dismiss:hover{color:var(--text);background:var(--card-lift)}.job[data-failed=true] .job-sub,.job[data-failed=true] .job-glyph{color:var(--text)}.empty{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.05em;color:var(--text-muted);padding:40px 4px}@media (max-width:640px){.shell{padding:0 16px 64px}.head h1{font-size:24px}.drop{padding:40px 16px}.job{grid-template-columns:36px 1fr;grid-template-areas:"g n"".a";row-gap:12px}.job-glyph{grid-area:g;width:36px;height:36px}.job-name{grid-area:n}.job-act{grid-area:a;justify-content:flex-start}}
