.up-form { max-width: 520px; }
.drop { display: block; padding: 40px; text-align: center; color: var(--dim);
  border: 2px dashed var(--line); border-radius: 4px; cursor: pointer; }
.drop:hover, .drop.over { border-color: var(--accent); color: var(--text); }
.chosen { margin: 12px 0 4px; color: var(--text); font-size: 13px; }
.up-form .err { margin: 0 0 12px; }
.up-thumb-row { display: flex; align-items: center; gap: 12px; }
#queue { margin-top: 24px; max-width: 520px; }
.up-item { margin-top: 14px; }
.up-item .bar { height: 4px; background: var(--line); margin-top: 6px; }
.up-item .bar div { height: 100%; width: 0; background: var(--accent); transition: width .2s; }
.up-item.done .bar div { background: #4caf50; }
.up-item.fail span { color: #ef5350; }