.up{display:grid;grid-gap:12px;gap:12px}.up-zone{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:26px 16px;border:1.5px dashed var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-2);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.up-zone svg{width:28px;height:28px;color:var(--magenta);margin-bottom:4px}.up-zone strong{color:var(--ink);font-size:15px}.up-zone span{font-size:13px;color:var(--muted)}.up-zone.drag,.up-zone:hover{border-color:var(--magenta);background:var(--magenta-soft)}.up-zone.full{opacity:.6;cursor:not-allowed}.up-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.up-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line)}.up-item.error{border-color:var(--bad)}.up-thumb{width:48px;height:48px;border-radius:6px;background:var(--paper-2);overflow:hidden;display:grid;place-items:center}.up-thumb img{width:100%;height:100%;object-fit:cover}.up-ext{font:600 11px var(--font-mono);color:var(--ink-2)}.up-meta{display:grid;grid-gap:3px;gap:3px;min-width:0}.up-name{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-sub{font-size:12px;color:var(--muted)}.up-item.error .up-sub{color:var(--bad)}.up-bar{display:block;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.up-bar i{display:block;height:100%;background:var(--magenta);transition:width .2s}.up-remove{width:30px;height:30px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.up-remove:hover{background:var(--paper-2);color:var(--ink)}