/* Online notepad (tools.d/online-notepad.cjs). Every rule under #visu-tools.vt-online-notepad. */
#visu-tools.vt-online-notepad .vt-np { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
#visu-tools.vt-online-notepad .vt-in { display: grid; gap: 12px; align-content: start; }
#visu-tools.vt-online-notepad .vt-out { position: static; display: grid; gap: 10px; align-content: start; }
#visu-tools.vt-online-notepad .vt-np-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#visu-tools.vt-online-notepad .vt-np-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; max-height: 420px; overflow: auto; }
#visu-tools.vt-online-notepad .vt-np-list li { margin: 0; }
#visu-tools.vt-online-notepad .vt-np-item { width: 100%; text-align: left; padding: 9px 12px; border: 1px solid var(--vt-line); border-radius: 10px; background: #fff; font-size: 14px; color: var(--vt-ink); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#visu-tools.vt-online-notepad .vt-np-item.vt-on { border-color: var(--vt-ink); font-weight: 600; }
#visu-tools.vt-online-notepad textarea { width: 100%; min-height: 380px; resize: vertical; font-size: 16px; line-height: 1.6; }
#visu-tools.vt-online-notepad .vt-np-meta { margin: 0; font-size: 13px; color: var(--vt-muted); }
#visu-tools.vt-online-notepad .vt-np-del { margin-left: auto; }
@media (max-width: 860px) {
  #visu-tools.vt-online-notepad .vt-np { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-online-notepad .vt-out { order: -1; }
  #visu-tools.vt-online-notepad textarea { min-height: 260px; }
  #visu-tools.vt-online-notepad .vt-np-list { max-height: 220px; }
}