1 files changed, 49 insertions, 0 deletions
diff --git a/tools/spectral_editor/style.css b/tools/spectral_editor/style.css
index 36b4eb3..fa71d1d 100644
--- a/tools/spectral_editor/style.css
+++ b/tools/spectral_editor/style.css
@@ -87,6 +87,30 @@ header h1 {
     display: none;
 }
 
+/* Mini spectrum viewer (bottom-right overlay) */
+.spectrum-viewer {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    width: 200px;
+    height: 100px;
+    background: rgba(30, 30, 30, 0.9);
+    border: 1px solid #3e3e42;
+    border-radius: 3px;
+    display: block;  /* Always visible */
+    pointer-events: none;  /* Don't interfere with mouse events */
+}
+
+.spectrum-viewer.active {
+    display: block;  /* Keep for backward compatibility */
+}
+
+#spectrumCanvas {
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+
 .canvas-overlay p {
     font-size: 16px;
     margin: 8px 0;
@@ -173,6 +197,31 @@ header h1 {
     border-color: #0e639c;
 }
 
+/* Point info panel */
+.point-info {
+    margin-top: 10px;
+    padding: 10px;
+    background: #2d2d30;
+    border-radius: 3px;
+    font-size: 12px;
+}
+
+.info-row {
+    display: flex;
+    justify-content: space-between;
+    padding: 4px 0;
+}
+
+.info-label {
+    color: #858585;
+    font-weight: 600;
+}
+
+.info-value {
+    color: #d4d4d4;
+    font-family: monospace;
+}
+
 /* Control panel (bottom) */
 .control-panel {
     background: #252526;