Add graph options panel and separate view bar

- Move view tabs (Grid/Tree/Graph) to dedicated bar below topbar
- Add graph options panel in left sidebar when in graph view:
  - Stats: node count, edge count
  - Category filters: Hashtags, Specs, Values, Visions, Missions, Flags
  - Relation filters: all edge types with color indicators
  - Visualization: images toggle, labels toggle, node size slider, link distance slider
- Left panel shows libraries in grid/tree view, graph options in graph view

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

deck-frontend/src/styles/main.css

@@ -87,6 +87,18 @@ body {
 .base-btn:hover { color: var(--text); }
 .base-btn.active { background: var(--accent); color: #fff; }
 
+/* === VIEW BAR === */
+.view-bar {
+    height: 40px;
+    background: var(--bg-secondary);
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 16px;
+    gap: 8px;
+}
+
 /* === GROUPS BAR === */
 .groups-bar {
     height: 44px;
@@ -573,3 +585,89 @@ select {
     cursor: pointer;
 }
 select:focus { outline: none; border-color: var(--accent); }
+
+/* === GRAPH OPTIONS PANEL === */
+.graph-options {
+    padding: 10px;
+    overflow-y: auto;
+    width: 180px;
+}
+.graph-section {
+    margin-bottom: 16px;
+}
+.graph-section-title {
+    font-size: 0.7em;
+    font-weight: 600;
+    color: var(--accent);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin-bottom: 8px;
+    padding-bottom: 4px;
+    border-bottom: 1px solid var(--border);
+}
+.graph-stat {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.75em;
+    color: var(--text-muted);
+    margin-bottom: 4px;
+}
+.graph-stat-value {
+    color: var(--text);
+    font-weight: 600;
+}
+.graph-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 0.75em;
+    color: var(--text-muted);
+    margin-bottom: 6px;
+    cursor: pointer;
+}
+.graph-checkbox:hover { color: var(--text); }
+.graph-checkbox input[type="checkbox"] {
+    width: 14px;
+    height: 14px;
+    accent-color: var(--accent);
+    cursor: pointer;
+}
+.graph-checkbox .color-dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    margin-right: 4px;
+}
+.graph-slider {
+    margin-bottom: 12px;
+}
+.graph-slider-label {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.7em;
+    color: var(--text-muted);
+    margin-bottom: 4px;
+}
+.graph-slider-value {
+    color: var(--text);
+    font-weight: 600;
+}
+.graph-slider input[type="range"] {
+    width: 100%;
+    height: 4px;
+    background: var(--border);
+    border-radius: 2px;
+    -webkit-appearance: none;
+    cursor: pointer;
+}
+.graph-slider input[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: 14px;
+    height: 14px;
+    background: var(--accent);
+    border-radius: 50%;
+    cursor: pointer;
+}
+.left-panel.graph-mode {
+    width: 180px;
+}