body { font-family: system-ui, sans-serif; margin: 24px; color: #1c2127; }
main { max-width: 780px; margin: auto; }
textarea { display: block; box-sizing: border-box; width: 100%; margin: 8px 0; }
button { padding: 8px 12px; }
#drag-zone, #drop-zone { padding: 20px; margin: 16px 0; border: 2px solid #738091; border-radius: 4px; }
#drag-zone[draggable="true"] { cursor: grab; }
#drag-zone[draggable="false"] { cursor: not-allowed; opacity: 0.6; }
#drop-zone span { display: block; margin-top: 8px; }
#drop-zone.valid-small { background: rgba(24, 74, 144, 0.5); border: 2px dashed #8ABBFF; }
#drop-zone.valid-small-drag-hover { border: 2px solid #8ABBFF; }
#received-rids { overflow-wrap: anywhere; }