feat: integrate AI-driven selection panel with context-aware text summarization and quiz generation features.

src/NexusReader.UI.Shared/Components/Organisms/KnowledgeGraph.razor.css

@@ -46,19 +46,50 @@
     font-size: 0.8rem;
 }
 
-
 .loading-state {
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 1rem;
-    animation: pulse 2s infinite ease-in-out;
+    gap: 1.5rem;
+    color: #fff;
+    text-align: center;
 }
 
-@keyframes pulse {
-    0% { opacity: 0.6; }
-    50% { opacity: 1; }
-    100% { opacity: 0.6; }
+.preloader-robot {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.neon-pulse {
+    color: var(--nexus-neon);
+    filter: drop-shadow(0 0 10px var(--nexus-neon));
+    animation: robot-pulse 2s infinite ease-in-out;
+}
+
+@keyframes robot-pulse {
+    0% { transform: scale(1); filter: drop-shadow(0 0 10px var(--nexus-neon)); }
+    50% { transform: scale(1.1); filter: drop-shadow(0 0 25px var(--nexus-neon)); }
+    100% { transform: scale(1); filter: drop-shadow(0 0 10px var(--nexus-neon)); }
+}
+
+.scan-line {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background: var(--nexus-neon);
+    box-shadow: 0 0 15px var(--nexus-neon);
+    animation: scan 2s infinite linear;
+    opacity: 0.8;
+}
+
+@keyframes scan {
+    0% { top: 0; }
+    50% { top: 100%; }
+    100% { top: 0; }
 }
 
 ::deep .nexus-node-active {
@@ -67,9 +98,3 @@
     filter: drop-shadow(0 0 12px var(--nexus-neon));
     transition: all 0.3s ease;
 }
-
-.neon-glow {
-    color: var(--nexus-neon);
-    filter: drop-shadow(0 0 5px var(--nexus-neon));
-}
-