.noa-dropzone { border:2px dashed #d0d0d0; border-radius:8px; padding:16px; position:relative; cursor:pointer; }
.noa-dropzone.dragover { background:#fafafa; border-color:#4caf50; }
.noa-drop-header { display:flex; align-items:center; gap:12px; }
.noa-drop-message { color:#666; font-size:14px; }
#noa-wu-select { padding:8px 12px; border-radius:6px; border:1px solid #ccc; background:#fff; cursor:pointer; }

.noa-previews { margin-top:12px; display:flex; flex-wrap:wrap; gap:10px; }
.noa-preview { width:140px; height:140px; border-radius:8px; overflow:hidden; position:relative; box-shadow:0 2px 6px rgba(0,0,0,0.08); display:flex; align-items:center; justify-content:center; }
.noa-preview img { max-width:100%; max-height:100%; display:block; }
.noa-progress { position:absolute; bottom:0; left:0; height:6px; width:0%; background:#4caf50; transition:width 0.2s; }
.noa-remove { position:absolute; top:6px; right:6px; background:#e74c3c; border:none; color:#fff; width:28px; height:28px; border-radius:50%; cursor:pointer; }
.noa-status { position:absolute; bottom:8px; left:8px; width:22px; height:22px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:bold; }
.noa-status.success { background:green; }
.noa-status.error { background:red; }