update sequence nav to use new ui-sequence-nav component

app/styles.css

@@ -2050,6 +2050,34 @@
       color: #f8fafc;
     }
 
+    .tarot-frame-card-action-deck {
+      display: grid;
+      gap: 6px;
+      padding: 8px 2px 2px;
+      color: #cbd5e1;
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.05em;
+      text-transform: uppercase;
+    }
+
+    .tarot-frame-card-action-deck-select {
+      width: 100%;
+      padding: 9px 10px;
+      border: 1px solid rgba(99, 102, 241, 0.34);
+      border-radius: 12px;
+      background: rgba(15, 23, 42, 0.7);
+      color: #f8fafc;
+      font-size: 13px;
+      font-weight: 600;
+    }
+
+    .tarot-frame-card-action-deck-actions {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 6px;
+    }
+
     .tarot-frame-card-custom-editor {
       position: fixed;
       z-index: 42;
@@ -3357,6 +3385,15 @@
       font-size: 12px;
       line-height: 1.2;
     }
+    .detail-pane-export-controls {
+      margin-left: auto;
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .detail-export-btn {
+      white-space: nowrap;
+    }
     .planet-meta-grid {
       display: grid;
       grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
@@ -4771,6 +4808,90 @@
       word-break: break-word;
     }
 
+    .alpha-gematria-keyboard {
+      display: grid;
+      gap: 8px;
+      padding: 10px;
+      border: 1px solid #2f2f39;
+      border-radius: 12px;
+      background: #0f0f17;
+    }
+
+    .alpha-gematria-keyboard[hidden] {
+      display: none;
+    }
+
+    .alpha-gematria-keyboard-head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+    }
+
+    .alpha-gematria-keyboard-label {
+      color: #a1a1aa;
+      font-size: 11px;
+      letter-spacing: 0.02em;
+      text-transform: uppercase;
+    }
+
+    .alpha-gematria-keyboard-script {
+      min-width: 140px;
+      padding: 5px 8px;
+      border-radius: 6px;
+      border: 1px solid #3f3f46;
+      background: #09090b;
+      color: #f4f4f5;
+      font-size: 12px;
+    }
+
+    .alpha-gematria-keyboard-grid {
+      display: grid;
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+      gap: 6px;
+    }
+
+    .alpha-gematria-keyboard-grid.is-disabled {
+      opacity: 0.6;
+      pointer-events: none;
+    }
+
+    .alpha-gematria-keyboard-key,
+    .alpha-gematria-keyboard-action {
+      border: 1px solid #3f3f46;
+      border-radius: 8px;
+      background: #161622;
+      color: #f4f4f5;
+      font-size: 15px;
+      line-height: 1;
+      min-height: 36px;
+      padding: 6px;
+      cursor: pointer;
+    }
+
+    .alpha-gematria-keyboard-key:hover,
+    .alpha-gematria-keyboard-action:hover {
+      border-color: #6366f1;
+      background: #1d1d31;
+    }
+
+    .alpha-gematria-keyboard-actions {
+      display: grid;
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+      gap: 6px;
+    }
+
+    .alpha-gematria-keyboard-actions.is-disabled {
+      opacity: 0.6;
+      pointer-events: none;
+    }
+
+    .alpha-gematria-keyboard-action {
+      font-size: 12px;
+      min-height: 34px;
+      padding: 6px 8px;
+    }
+
     .alpha-gematria-matches {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
@@ -4865,6 +4986,10 @@
       .alpha-gematria-controls.is-reverse-cipher-mode {
         grid-template-columns: minmax(0, 1fr);
       }
+
+      .alpha-gematria-keyboard-actions {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
     }
 
     .alpha-tabs {