/* workspace-upload.css — Assets tab upload panel, drop zone, per-file rows
   and the composer paste chip (BKL-rw-9, BR-RW-48/48a/49). */
.wsu { margin: 0 0 12px; }
.wsu-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wsu-input { display: none; }
.wsu-slots { font-size: 12px; color: var(--text-secondary); }
.wsu-slots.full { color: var(--danger); font-weight: 600; }
.wsu-summary { font-size: 12px; font-weight: 600; color: var(--text); }
.wsu-hint { font-size: 12px; color: var(--text-faint); }
.wsu-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.wsu-list:empty { display: none; }
.wsu-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 6px 10px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--white); font-size: 13px; }
.wsu-row.wsu-error { border-color: var(--danger); background: var(--danger-bg); }
.wsu-row.wsu-done { border-color: var(--success); background: var(--success-bg); }
.wsu-name { font-weight: 600; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wsu-size { color: var(--text-secondary); font-size: 12px; }
.wsu-progress { flex: 1 1 120px; height: 6px; border-radius: 3px; background: var(--bg-sunken); overflow: hidden; }
.wsu-progress > span { display: block; height: 100%; width: 0; background: var(--purple); transition: width var(--transition); }
.wsu-status { font-size: 12px; color: var(--text-secondary); }
.wsu-status.wsu-ok { color: var(--success); font-weight: 600; }
.wsu-reason { flex: 1 1 200px; color: var(--danger); font-weight: 600; font-size: 12px; }
.wsu-row-actions { display: inline-flex; gap: 6px; margin-left: auto; }
.wsu-drop { display: flex; flex-direction: column; border-radius: var(--radius-lg); align-items: center; justify-content: center; gap: 6px; min-height: 160px; border: 2px dashed var(--border-strong); background: var(--bg); color: var(--text-secondary); cursor: pointer; font: inherit; padding: 16px; text-align: center; }
.wsu-drop:hover, .wsu-drop:focus-visible { border-color: var(--purple-light); color: var(--purple); }
.wsu-drop.full { cursor: not-allowed; color: var(--danger); border-color: var(--danger); }
.wsu-drop-glyph { font-size: 26px; line-height: 1; }
.wsu-drop-text { font-weight: 600; font-size: 13px; }
.wsa.wsu-dragging { outline: 2px dashed var(--purple-light); outline-offset: 4px; border-radius: var(--radius-lg); background: rgba(155, 89, 182, 0.06); }
.wsa.wsu-dragging .wsu-drop { border-color: var(--purple); color: var(--purple); }
.wsu-paste-status { display: none; font-size: 12px; margin-top: 4px; }
.wsu-paste-status.show { display: block; }
.wsu-paste-status.busy { color: var(--text-secondary); }
.wsu-paste-status.ok { display: inline-block; padding: 2px 8px; border-radius: 999px; background: var(--success-bg); color: var(--success); font-weight: 600; }
.wsu-paste-status.error { color: var(--danger); font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .wsu-progress > span { transition: none; } }
.comment-body .comment-img { display: block; max-width: 100%; max-height: 320px; margin: 6px 0; border: 1px solid var(--border); border-radius: var(--radius); }