update

styles.css

@@ -213,6 +213,56 @@
   color: var(--text-normal);
 }
 
+/* Graph: HTML-Node */
+.pk-graph-node {
+  box-sizing: border-box;
+  width: 160px;
+  padding: 8px 10px;
+  background: var(--background-secondary);
+  border: 1px solid var(--background-modifier-border);
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  align-items: stretch;
+  text-align: center;
+  color: var(--text-normal);
+  overflow-wrap: anywhere;
+  font-size: 0.85em;
+  user-select: none;
+}
+
+.pk-graph-node strong {
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.pk-graph-node strong:hover {
+  color: var(--text-accent);
+}
+
+.pk-graph-node .pk-badges {
+  justify-content: center;
+}
+
+.pk-graph-node .pk-badge {
+  cursor: pointer;
+}
+
+.pk-graph-node.pk-drop-target {
+  border-color: var(--interactive-accent);
+  border-width: 2px;
+}
+
+.pk-graph-node.pk-dragging {
+  opacity: 0.4;
+}
+
+.pk-graph.pk-drop-target-bg {
+  outline: 2px dashed var(--interactive-accent);
+  outline-offset: -8px;
+}
+
 /* Collection-Card Badges */
 .pk-badges {
   display: flex;