.dropzone{border:1.5px dashed var(--line-2);border-radius:var(--r-lg);background:var(--card);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;transition:border-color .15s,background .15s;display:flex;position:relative}.dropzone:hover,.dropzone--active{border-color:var(--ink-2);background:color-mix(in oklab, var(--ink) 3%, var(--card))}.dropzone:focus-within{box-shadow:0 0 0 3px var(--ring)}.dropzone__input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone__icon{color:var(--muted);display:inline-flex}.dropzone__title{font-weight:560}.dropzone__hint{color:var(--muted);font-size:13.5px}.upload-note{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--muted);padding:12px 14px;font-size:13.5px}.upload-note ul{flex-direction:column;gap:4px;margin-top:6px;list-style:none;display:flex}.upload-note li{color:var(--ink-2);align-items:baseline;gap:10px;display:flex}.upload-note__meta{color:var(--subtle)}.uploads{flex-direction:column;gap:10px;list-style:none;display:flex}.upload{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.upload__head,.upload__foot{align-items:center;gap:12px;display:flex}.upload__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:560;overflow:hidden}.upload__meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:13px}.upload__error{color:#c0392b;font-size:13.5px}.upload__actions{gap:8px;margin-left:auto;display:flex}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress__bar{background:var(--ink);border-radius:inherit;height:100%;transition:width .3s}.uploads-empty{color:var(--muted);font-size:14px}.recent{margin-top:0}.recent__row{flex-wrap:wrap;align-items:center;gap:4px 12px;padding:11px 2px;display:flex}.recent__title{font-weight:560}.recent__meta{color:var(--muted);font-size:13px}.recent__error{color:#c0392b;font-size:13px}.recent__row .badge{margin-left:auto}.badge{white-space:nowrap;height:22px;color:var(--ink-2);background:color-mix(in oklab, var(--ink) 7%, var(--card));border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:560;display:inline-flex}.badge--processing,.badge--uploading{color:#8a5a00;background:color-mix(in oklab, #f5a623 18%, var(--card))}.badge--ready,.badge--done{color:var(--ok);background:color-mix(in oklab, var(--ok) 14%, var(--card))}.badge--error,.badge--failed{color:#c0392b;background:color-mix(in oklab, #c0392b 12%, var(--card))}:root[data-theme=dark] .badge--processing,:root[data-theme=dark] .badge--uploading{color:#f5c060}:root[data-theme=dark] .badge--error,:root[data-theme=dark] .badge--failed,:root[data-theme=dark] .upload__error,:root[data-theme=dark] .recent__error{color:#e0685c}