diff --git a/.gitignore b/.gitignore
index 382ab03..ce73f42 100644
Binary files a/.gitignore and b/.gitignore differ
diff --git a/_layouts/default.html b/_layouts/default.html
index 2d8abf3..f178143 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -69,15 +69,6 @@
 {% if page.custom_css %}
 <link rel="stylesheet" href="{{ page.custom_css | relative_url }}">
 {% endif %}
-{% if page.url contains '/order-helper/' %}
-  <!-- Relaxed CSP for Order Helper so it can load Firebase + Firestore -->
-  <meta http-equiv="Content-Security-Policy"
-        content="default-src 'self';
-                 script-src 'self' https://www.gstatic.com 'unsafe-inline';
-                 connect-src 'self' https://firestore.googleapis.com;
-                 img-src 'self' data:;
-                 style-src 'self' 'unsafe-inline'">
-{% endif %}
 
  
 </head>
@@ -297,113 +288,12 @@
       }
     });
   });
-{% if page.url contains '/order-helper/' %}
-  <!-- Firebase client config (same one admin uses) -->
-  <script src="/order-helper/admin/firebase-config.js"></script>
-
-  <!-- Public rules loader: reads /published_rules/{mod}/v1; falls back to local rules.json -->
-  <script type="module">
-    const cfg = window.ORADIGIT_FIREBASE_CONFIG || window.FIREBASE_CONFIG;
-
-    function beacon(msg, type='info') {
-      let el = document.getElementById('oh-status');
-      if (!el) {
-        el = document.createElement('div');
-        el.id = 'oh-status';
-        el.style.cssText = 'margin:.5rem 0;padding:.5rem .75rem;border-radius:10px;font:14px/1.35 system-ui;border:1px solid #ddd;background:#f8fafc;';
-        (document.querySelector('main') || document.body).prepend(el);
-      }
-      el.textContent = msg;
-      el.style.borderColor = type==='error' ? '#ff3b30' : (type==='ok' ? '#34c759' : '#ddd');
-      el.style.background  = type==='error' ? '#ffecec' : (type==='ok' ? '#e6ffed'  : '#f8fafc');
-    }
-
-    async function loadPublished(mod = 'petct') {
-      try {
-        const [{ initializeApp, getApps }, { getFirestore, doc, getDoc }] =
-          await Promise.all([
-            import('https://www.gstatic.com/firebasejs/10.12.4/firebase-app.js'),
-            import('https://www.gstatic.com/firebasejs/10.12.4/firebase-firestore.js')
-          ]);
-
-        const app = getApps().length ? getApps()[0] : initializeApp(cfg);
-        const db  = getFirestore(app);
-
-        // Try Firestore "published"
-        const snap = await getDoc(doc(db, 'published_rules', mod, 'v1'));
-        if (snap.exists()) return { source: 'firestore', records: snap.data().records || [] };
-
-        // Fallback to local JSON
-        const res = await fetch(`/order-helper/data/rules.json?v=${Date.now()}`, { cache: 'no-store' });
-        if (!res.ok) throw new Error(`rules.json HTTP ${res.status}`);
-        const json = await res.json();
-        return { source: 'local', records: Array.isArray(json.records) ? json.records : [] };
-      } catch (e) {
-        console.error(e);
-        beacon('Rules load failed: ' + e.message, 'error');
-        return { source: 'error', records: [] };
-      }
-    }
-
-    function populateUI(records) {
-      // Expect fields: modality, region (strings); others optional
-      const uniq = (a) => [...new Set(a.filter(Boolean))].sort();
-
-      // Try common selectors used in your app; adjust if your IDs differ
-      const modSel    = document.querySelector('#modality, select[name="modality"]');
-      const regionSel = document.querySelector('#region, select[name="region"]');
-
-      const modalities = uniq(records.map(r => r.modality));
-      const regionsByMod = {};
-      records.forEach(r => {
-        if (!regionsByMod[r.modality]) regionsByMod[r.modality] = new Set();
-        if (r.region) regionsByMod[r.modality].add(r.region);
-      });
-
-      function setOptions(sel, values, placeholder='Select…') {
-        if (!sel) return;
-        sel.innerHTML = '';
-        const ph = document.createElement('option');
-        ph.value = ''; ph.disabled = true; ph.selected = true;
-        ph.textContent = placeholder;
-        sel.appendChild(ph);
-        values.forEach(v => {
-          const o = document.createElement('option');
-          o.value = v; o.textContent = v;
-          sel.appendChild(o);
-        });
-        sel.disabled = false;
-      }
-
-      setOptions(modSel, modalities, 'Select modality');
-
-      if (modSel && regionSel) {
-        modSel.addEventListener('change', () => {
-          const m = modSel.value;
-          const regions = uniq(Array.from(regionsByMod[m] || []));
-          setOptions(regionSel, regions, 'Select region');
-        });
-      }
-
-      if (!modSel) console.warn('Modality select not found (#modality or [name="modality"]).');
-      if (!regionSel) console.warn('Region select not found (#region or [name="region"]).');
-    }
-
-    (async () => {
-      beacon('Loading rules…');
-      const { source, records } = await loadPublished('petct');
-      if (!records.length) { beacon('No rules found (published or local).', 'error'); return; }
-      beacon(`Rules loaded from ${source}.`, 'ok');
-      populateUI(records);
-    })();
-  </script>
-
-  <!-- Small CSS fix so options are visible in dark themes -->
-  <style>
-    select, select option { color:#0f172a; background:#fff; }
-    select:disabled { color:#64748b; }
-  </style>
-{% endif %}
+</script>
+<body class="{{ page.body_class }}">
+<script src="{{ '/assets/gpt5.js' | relative_url }}" defer></script>
+<script src="{{ '/assets/gpt5-actions.js' | relative_url }}" defer></script>
+<script src="{{ '/assets/gpt5-select.js' | relative_url }}" defer></script>
+<script src="{{ '/assets/gpt5-panel.js' | relative_url }}" defer></script>
 
 </body>
 </html>
diff --git a/order-helper/app.js b/order-helper/app.js
index 2ca2150..f30c610 100644
--- a/order-helper/app.js
+++ b/order-helper/app.js
@@ -1,716 +1,642 @@
-<!-- /order-helper/app.js -->
-<script>
-/* =========================================================
-   OraDigit Order Helper v2 — app.js
-   - Robust rules loader (meta-config + local JSON; optional Firestore overlay)
-   - Populates all dropdowns (CT/MRI/PET-CT/US/XR/…)
-   - Live Order Review builder
-   - Suggest Reason, Copy, Share, Reset
-   - Optional Firebase write on submit (orders collection)
-   - Defensive error handling with status beacons + debug panel
-   - STEP 4: Merge modality ICD-10 into global catalog + auto-select first modality
-========================================================= */
-
-(() => {
-  // ---------- App version (used for cache-busting) ----------
-  const APP_VERSION = document.querySelector('meta[name="oh-version"]')?.content || String(Date.now());
-
-  // ---------- Shorthands & elements ----------
-  const $ = (s) => document.querySelector(s);
+/**
+ * OraDigit Order Helper – app.js (golden rev w/ built-in preview sync)
+ * - Fallback PET/CT + CT modalities
+ * - Hardened rules loader with schema checks
+ * - Chips UI with keyboard support, mirrors to hidden <select multiple>
+ * - CT contrast auto-suggestions
+ * - Indication builder + basic study suggestions
+ * - NEW: syncPreviewPanel() updates the right-side preview (no inline script needed)
+ */
+
+(function () {
+  "use strict";
+
+  // -------- Config / Rules path --------
+  const RULES_URL =
+    document.querySelector('meta[name="oh-rules-path"]')?.content ||
+    "./data/rules.json";
+
+  // -------- Elements --------
   const els = {
-    form: $('#orderForm'),
-    status: $('#status'),
-    review: $('#review'),
-    btnSuggest: $('#btnSuggest'),
-    btnCopy: $('#btnCopy'),
-    btnShare: $('#btnShare'),
-    btnReset: $('#btnReset'),
-    modality: $('#modality'),
-    region: $('#region'),
-    bodyPart: $('#bodyPart'),
-    contrast: $('#contrast'),
-    laterality: $('#laterality'),
-    context: $('#context'),
-    urgency: $('#urgency'),
-    condition: $('#condition'),
-    conditionList: $('#conditionList'),
-    icd10: $('#icd10'),
-    icdList: $('#icdList'),
-    cpt: $('#cpt'),
-    indication: $('#indication'),
-    pregnant: $('#pregnant'),
-    creatinineDate: $('#creatinineDate'),
-    allergies: $('#allergies'),
-    special: $('#special'),
+    status: document.getElementById("status"),
+    form: document.getElementById("orderForm"),
+    modality: document.getElementById("modality"),
+    region: document.getElementById("region"),
+    context: document.getElementById("context"),           // hidden mirror select (optional)
+    contextChips: document.getElementById("contextChips"), // primary UI
+    condition: document.getElementById("condition"),
+    conditionList: document.getElementById("conditionList"),
+    indication: document.getElementById("indication"),
+    contrastGroup: document.getElementById("contrastGroup"),
+    oral: document.getElementById("oralContrast"),
+
+    // Results area (optional on page)
+    outHeader: document.getElementById("outHeader"),
+    outReason: document.getElementById("outReason"),
+    outPrep: document.getElementById("outPrep"),
+    outDocs: document.getElementById("outDocs"),
+    outFlags: document.getElementById("outFlags"),
+    results: document.getElementById("results"),
+    copyReasonBtn: document.getElementById("copyReasonBtn"),
+    copyAllBtn: document.getElementById("copyAllBtn"),
+    printBtn: document.getElementById("printBtn"),
+    suggestions: document.getElementById("suggestions"),
+    errMsg: document.getElementById("errMsg"),
+    dbg: document.getElementById("dbg"),
+
+    // Preview panel (right side)
+    pvModality: document.getElementById("pv-modality"),
+    pvRegion: document.getElementById("pv-region"),
+    pvContext: document.getElementById("pv-context"),
+    pvCondition: document.getElementById("pv-condition"),
+    pvContrast: document.getElementById("pv-contrast"),
+    pvIndication: document.getElementById("pv-indication"),
   };
 
-  // ---------- Status beacons ----------
-  function setStatus(msg, cls = 'oh-status success', persist = true) {
+  // -------- Fallbacks (so UI still works if rules.json fails/empty) --------
+  const FALLBACK_RULES = {
+    modalities: {
+      "PET/CT": {
+        regions: [
+          "Skull base to mid-thigh",
+          "Whole body",
+          "Head/Neck",
+          "Chest",
+          "Abdomen/Pelvis",
+          "Cardiac viability"
+        ],
+        contexts: [
+          "Staging","Restaging","Treatment response","Surveillance","Suspected recurrence","Infection / inflammation","Viability"
+        ],
+        conditions: [
+          "DLBCL","Hodgkin lymphoma","NSCLC","Melanoma","Colorectal cancer",
+          "Head and neck SCC","Fever of unknown origin","Cardiac viability"
+        ],
+        indication_templates: [
+          "FDG PET/CT {region} – {context} for {condition}",
+          "FDG PET/CT {region} – evaluate {condition}",
+          "FDG PET/CT {region}{contrast_text} – {context} ({condition})"
+        ]
+      },
+      CT: {
+        regions: [
+          "Head/Brain","Sinuses","Maxillofacial/Facial Bones","Temporal Bones/IAC","Neck","Chest",
+          "Low-Dose Lung CT (Screening)","Abdomen","Pelvis","Abdomen/Pelvis","CT Urogram","CT Enterography",
+          "Spine – Cervical","Spine – Thoracic","Spine – Lumbar","Upper Extremity","Lower Extremity",
+          "Cardiac Coronary CTA","Angiography – Head/Neck CTA","Angiography – Chest CTA (PE)",
+          "Angiography – Aorta CTA","Angiography – Run-off CTA (LE)"
+        ],
+        contexts: [
+          "Staging","Restaging","Treatment response","Surveillance","Initial evaluation","Acute symptoms",
+          "Follow-up","Pre-operative planning","Post-operative complication","Trauma","Screening","Infection / inflammation"
+        ],
+        conditions: [
+          "Headache (sudden / thunderclap)","Head trauma","Stroke symptoms / TIA","Sinusitis","Neck mass",
+          "Pulmonary embolism suspected","Aortic dissection / aneurysm suspected","Lung nodule","Pneumonia complication",
+          "Abdominal pain RLQ (appendicitis)","Kidney stone / renal colic","Pancreatitis","Liver lesion characterization",
+          "Diverticulitis","Inflammatory bowel disease flare","Bowel obstruction","Post-op abdomen","Hematuria",
+          "Cancer staging (specify primary)","Metastatic disease restaging","Spine trauma","Cervical radiculopathy",
+          "Spinal stenosis","Extremity fracture","Suspected osteomyelitis","Peripheral arterial disease (LE run-off)"
+        ],
+        indication_templates: [
+          "CT {region} – {context} for {condition}",
+          "CT {region} – rule out {condition}",
+          "CT {region}{contrast_text} – {context} ({condition})"
+        ],
+        contrast_recommendations: [
+          { match:["kidney stone","renal colic"], suggest:"without_iv" },
+          { match:["appendicitis","rlq"], suggest:"with_iv" },
+          { match:["pe","pulmonary embolism"], suggest:"with_iv" },
+          { match:["aortic","dissection","aneurysm"], suggest:"with_iv" },
+          { match:["liver lesion","pancreatitis"], suggest:"with_iv" },
+          { match:["bowel obstruction"], suggest:"without_iv" },
+          { match:["trauma"], suggest:"with_iv" },
+          { match:["low-dose lung ct","screening"], suggest:"without_iv" }
+        ]
+      }
+    },
+    records: [] // keep empty; site-specific rules.json will populate
+  };
+
+  let RULES = null;
+
+  // -------- Utils --------
+  function setStatus(msg, level = "info") {
     if (!els.status) return;
     els.status.textContent = msg;
-    els.status.className = cls;
-    if (!persist) {
-      setTimeout(() => {
-        if (els.status.textContent === msg) {
-          els.status.textContent = 'Ready.';
-          els.status.className = 'oh-status';
-        }
-      }, 4000);
-    }
-    const tag = cls.includes('error') ? 'error' : cls.includes('warn') ? 'warn' : 'log';
-    console[tag](`[OH] ${msg}`);
+    els.status.className =
+      "status " +
+      (level === "ok" || level === "success"
+        ? "success"
+        : level === "warn"
+        ? "warn"
+        : level === "error"
+        ? "error"
+        : "");
   }
 
-  // Catch sync + async errors globally
-  window.addEventListener('error', e =>
-    setStatus('JavaScript error: ' + (e.message || 'Unknown'), 'oh-status error')
-  );
-  window.addEventListener('unhandledrejection', e =>
-    setStatus('App error: ' + (e.reason?.message || e.reason || 'Unknown'), 'oh-status error')
-  );
-
-  // ---------- State ----------
-  const state = { rules: null, rulesSource: '' };
-
-  // ---------- Init ----------
-  document.addEventListener('DOMContentLoaded', init);
-
-  async function init () {
-    try {
-      await loadRules();         // populates state.rules & state.rulesSource
-      ensureMinimumModalities(); // guard: UI never empty even if rules sparse
-      populateModalities();      // now also auto-selects first modality
-      wireEvents();
-      buildReview();
-      attachDebugPanel();
-
-      // If URL has hash payload (from share fallback), hydrate review
-      if (location.hash && els.review) {
-        const txt = decodeURIComponent(location.hash.slice(1));
-        els.review.textContent = txt;
-      }
-      setStatus(`Rules ready from ${state.rulesSource}`, 'oh-status success');
-    } catch (e) {
-      console.error(e);
-      setStatus('Failed to initialize Order Helper.', 'oh-status error');
-    }
+  const titleCase = (s) =>
+    (s || "").replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.slice(1));
+
+  function fillSelect(selectEl, values, placeholder = "Select…") {
+    if (!selectEl) return;
+    selectEl.innerHTML = "";
+    const ph = document.createElement("option");
+    ph.value = "";
+    ph.textContent = placeholder;
+    selectEl.appendChild(ph);
+    (values || []).forEach((v) => {
+      const opt = document.createElement("option");
+      opt.value = v;
+      opt.textContent = v;
+      selectEl.appendChild(opt);
+    });
   }
 
-  // ---------- Cache-busting + safe JSON fetch ----------
-  function cacheUrl(url) {
-    try {
-      const u = new URL(url, window.location.origin);
-      if (!u.searchParams.has('v')) u.searchParams.set('v', APP_VERSION);
-      return u.toString();
-    } catch {
-      return url + (url.includes('?') ? '&' : '?') + 'v=' + encodeURIComponent(APP_VERSION);
-    }
+  function fillDatalist(datalistEl, items) {
+    if (!datalistEl) return;
+    datalistEl.innerHTML = "";
+    (items || []).forEach((v) => {
+      const opt = document.createElement("option");
+      opt.value = v;
+      datalistEl.appendChild(opt);
+    });
   }
 
-  async function fetchJSON(url) {
-    try {
-      const r = await fetch(cacheUrl(url), { cache: 'no-store' });
-      if (!r.ok) return null;
-      return await r.json();
-    } catch {
-      return null;
+  function showContrast(show) {
+    if (!els.contrastGroup) return;
+    els.contrastGroup.classList.toggle("hidden", !show);
+    if (!show) {
+      const checked =
+        els.contrastGroup.querySelector('input[type=radio]:checked');
+      if (checked) checked.checked = false;
+      if (els.oral) els.oral.checked = false;
     }
   }
 
-  // ---------- Rules loading ----------
-  async function loadRules () {
-    setStatus('Loading rules…', 'oh-status');
-
-    let source = null;
-    const metaPath = document.querySelector('meta[name="oh-rules-path"]')?.content;
-    const tryPaths = [
-      metaPath,
-      '/order-helper/data/rules.json',
-      './data/rules.json',
-      'data/rules.json'
-    ].filter(Boolean);
-
-    // 1) Primary rules.json attempts
-    let base = null;
-    for (const p of tryPaths) {
-      const data = await fetchJSON(p);
-      if (data && (data.modalities || data.CT || data.MRI)) {
-        base = data; source = p; break;
-      }
-    }
-
-    // 2) Legacy split files (ct_rules.json / mri_rules.json)
-    if (!base) {
-      const ct  = await fetchJSON('/order-helper/data/ct_rules.json')
-              || await fetchJSON('./data/ct_rules.json')
-              || await fetchJSON('data/ct_rules.json');
-      const mri = await fetchJSON('/order-helper/data/mri_rules.json')
-              || await fetchJSON('./data/mri_rules.json')
-              || await fetchJSON('data/mri_rules.json');
-      if (ct || mri) {
-        base = { modalities: {} };
-        if (ct)  base.modalities['CT']  = ct.modalities?.CT  || ct.CT  || ct;
-        if (mri) base.modalities['MRI'] = mri.modalities?.MRI || mri.MRI || mri;
-        source = 'legacy ct_rules.json + mri_rules.json';
-      }
-    }
+  function contrastTextFromForm() {
+    if (!els.contrastGroup || els.contrastGroup.classList.contains("hidden"))
+      return "";
+    const radio = els.contrastGroup.querySelector('input[type=radio]:checked');
+    const oral = els.oral?.checked ? " + oral contrast" : "";
+    if (!radio) return oral ? "(" + oral.trim() + ")" : "";
+    if (radio.value === "with_iv") return "(with IV contrast" + oral + ")";
+    if (radio.value === "without_iv") return "(without IV contrast" + oral + ")";
+    return oral ? "(" + oral.trim() + ")" : "";
+  }
 
-    // 3) Embedded emergency defaults (UI never empty)
-    if (!base) {
-      console.warn('[OH] No rules file found; using embedded defaults.');
-      base = {
-        modalities: {
-          'CT': {
-            regions: ['Head/Brain', 'Chest', 'Abdomen/Pelvis'],
-            body_parts: ['Brain', 'Thorax', 'Abdomen and pelvis'],
-            contrast_options: ['None','With contrast','Without contrast','With and without'],
-            contexts: ['Acute','Oncology staging','Follow-up'],
-            conditions: ['Stroke/TIA','Lung nodule','RLQ pain/appendicitis'],
-            common_cpt: ['70450','71260','74177'],
-            cpt_map: {
-              'Head/Brain | Brain | Without contrast': ['70450'],
-              'Chest | Thorax | With contrast': ['71260'],
-              'Abdomen/Pelvis | Abdomen and pelvis | With contrast': ['74177']
-            },
-            icd10: ['I63.9','R91.1','R10.31'] // seed
-          },
-          'MRI': {
-            regions: ['Brain','Lumbar spine','Prostate (PI-RADS)'],
-            body_parts: ['Brain','Lumbar spine','Prostate'],
-            contrast_options: ['None','With and without'],
-            contexts: ['Problem solving','Staging','Follow-up'],
-            conditions: ['Tumor','Radiculopathy','Prostate cancer'],
-            common_cpt: ['70553','72148','72197'],
-            cpt_map: {
-              'Brain | Brain | With and without': ['70553'],
-              'Lumbar spine | Lumbar spine | Without contrast': ['72148'],
-              'Prostate (PI-RADS) | Prostate | With and without': ['72197']
-            },
-            icd10: ['C61','G35'] // seed
-          }
-        },
-        icd10_catalog: ['I63.9','R91.1','R10.31','C61','G35']
-      };
-      source = 'embedded defaults';
-    }
+  // -------- Chips helpers (with keyboard support) --------
+  function renderContextChips(contexts) {
+    if (!els.contextChips) return;
+    els.contextChips.innerHTML = "";
+    (contexts || []).forEach((label) => {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "oh-chip";
+      btn.textContent = label;
+      btn.setAttribute("aria-pressed", "false");
+      btn.setAttribute("aria-label", `Toggle context ${label}`);
+      btn.setAttribute("tabindex", "0");
+      els.contextChips.appendChild(btn);
+    });
+  }
 
-    // 4) Facility overlay (optional)
-    const facility =
-        await fetchJSON('/order-helper/data/rules.facility.json')
-     || await fetchJSON('./data/rules.facility.json')
-     || await fetchJSON('data/rules.facility.json');
-    if (facility) {
-      base = mergeRules(base, facility);
-      source += ' + facility overlay';
-    }
+  function getSelectedContextsFromChips() {
+    if (!els.contextChips) return [];
+    return Array.from(
+      els.contextChips.querySelectorAll('.oh-chip[aria-pressed="true"]')
+    )
+      .map((el) => (el.textContent || "").trim())
+      .filter(Boolean);
+  }
 
-    // 5) Optional Firestore overlay
-    const overlaid = await overlayRemoteRules(base).catch(err => {
-      console.warn('[OH] Remote overlay failed:', err);
-      return base;
+  function mirrorChipsToHiddenSelect() {
+    if (!els.context) return;
+    const selected = getSelectedContextsFromChips();
+    els.context.innerHTML = "";
+    selected.forEach((label) => {
+      const opt = document.createElement("option");
+      opt.value = label;
+      opt.textContent = label;
+      opt.selected = true;
+      els.context.appendChild(opt);
     });
-    if (overlaid !== base) source += ' + remote overlay';
+  }
 
-    // 6) Normalize to app schema (includes STEP 4 ICD-10 merge)
-    state.rules = normalizeRules(overlaid);
-    state.rulesSource = source || 'unknown';
+  // -------- Rules loading --------
+  function looksLikeRules(obj) {
+    // Minimal sanity check
+    if (!obj || typeof obj !== "object") return false;
+    // accept either {modalities:{}} or at least records:[]
+    const hasModalities =
+      obj.modalities && typeof obj.modalities === "object";
+    const hasRecords = Array.isArray(obj.records);
+    return hasModalities || hasRecords;
+  }
 
-    // 7) Sanity guard
-    if (!state.rules || !state.rules.modalities || !Object.keys(state.rules.modalities).length) {
-      await loadRulesFallback();
-      state.rulesSource = 'emergency defaults';
+  async function loadRules() {
+    try {
+      const res = await fetch(RULES_URL, { cache: "no-store" });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const json = await res.json();
+      if (!looksLikeRules(json)) throw new Error("Invalid rules schema");
+      RULES = json;
+      setStatus("Rules loaded.", "success");
+    } catch (e) {
+      console.warn("Failed to load rules.json, using fallback", e);
+      RULES = FALLBACK_RULES;
+      setStatus(
+        "Using built-in fallback rules (could not fetch rules.json).",
+        "warn"
+      );
     }
+  }
 
-    const mods = Object.keys(state.rules.modalities || {});
-    setStatus(`Rules ready from ${state.rulesSource} — ${mods.length} modalities.`, 'oh-status success');
+  function getModalityNode(modality) {
+    return RULES?.modalities?.[modality] || null;
   }
 
-  // Last-resort fallback
-  async function loadRulesFallback() {
-    state.rules = {
-      modalities: {
-        'CT': {
-          regions: ['Head/Brain'],
-          body_parts: ['Brain'],
-          contrast_options: ['Without contrast'],
-          contexts: ['Acute'],
-          conditions: ['Stroke/TIA'],
-          common_cpt: ['70450'],
-          cpt_map: { 'Head/Brain | Brain | Without contrast': ['70450'] },
-          icd10: ['I63.9']
-        }
-      },
-      icd10_catalog: ['I63.9']
+  // If no modalities entry, derive contexts/regions from records (best effort)
+  function deriveFromRecords(modality) {
+    const recs = (RULES?.records || []).filter((r) =>
+      (r.modality || "").toUpperCase().includes(modality.toUpperCase())
+    );
+    const setC = new Set();
+    const setR = new Set();
+    recs.forEach((r) => {
+      (r.contexts || []).forEach((c) => setC.add(titleCase(c)));
+      if (r.header_coverage) setR.add(r.header_coverage);
+    });
+    return {
+      contexts: Array.from(setC),
+      regions: Array.from(setR),
+      conditions: [] // leave empty; user types
     };
-    setStatus('Using emergency defaults. Please fix rules.json path/schema.', 'oh-status warn');
   }
 
-  // Optional: overlay from Firestore (if configured globally)
-  async function overlayRemoteRules (local) {
-    if (!(window.ORADIGIT_FIREBASE_CONFIG && window.firebase)) return local;
-    const app = firebase.apps?.length ? firebase.app() : firebase.initializeApp(window.ORADIGIT_FIREBASE_CONFIG);
-    const db = firebase.firestore();
-    const snap = await db.collection('order_helper_rules').doc('current').get();
-    if (!snap.exists) return local;
-    const remote = snap.data() || {};
-    return mergeRules(local, remote);
+  // -------- NEW: Preview sync --------
+  function getContrastPreviewText() {
+    if (!els.contrastGroup || els.contrastGroup.classList.contains("hidden")) return "—";
+    const r = els.contrastGroup.querySelector('input[type=radio]:checked');
+    const oral = !!els.oral?.checked;
+    let txt = "—";
+    if (r) txt = r.value === "with_iv" ? "With IV contrast" : "Without IV contrast";
+    if (oral) txt = (txt === "—" ? "" : txt) + (txt === "—" ? "Oral contrast" : " + oral");
+    return txt;
   }
 
-  // Conservative deep merge for fields we use
-  function mergeRules (base, overlay) {
-    const out = JSON.parse(JSON.stringify(base || {}));
-    if (!overlay) return out;
-    if (overlay.modalities) {
-      out.modalities = { ...(out.modalities || {}), ...overlay.modalities };
-    }
-    if (Array.isArray(overlay.icd10_catalog)) {
-      const set = new Set([...(out.icd10_catalog || []), ...overlay.icd10_catalog]);
-      out.icd10_catalog = [...set];
-    }
-    return out;
+  function selectedContexts() {
+    return els.contextChips
+      ? getSelectedContextsFromChips()
+      : (els.context ? [...els.context.selectedOptions].map(o => o.value) : []);
   }
 
-  // Normalize to a stable shape the UI expects
-  // STEP 4: while normalizing, also fold each modality's icd10 list into the global catalog (de-dupe)
-  function normalizeRules (r) {
-    const src = r?.modalities ? r.modalities : r || {};
-    const globalIcdSet = new Set(Array.isArray(r?.icd10_catalog) ? r.icd10_catalog : []);
-    const out = { modalities: {} , icd10_catalog: [] };
-
-    for (const [mod, specRaw] of Object.entries(src || {})) {
-      if (!specRaw) continue;
-      const spec = { ...specRaw };
-
-      const regions    = arr(spec.regions);
-      const body_parts = arr(spec.body_parts);
-      const contrast   = arr(spec.contrast_options, ['None','With contrast','Without contrast','With and without']);
-      const laterality = arr(spec.laterality, ['N/A','Left','Right','Bilateral']);
-      const contexts   = arr(spec.contexts, ['Staging','Restaging','Treatment response','Surveillance','Screening','Acute']);
-      const conditions = arr(spec.conditions);
-      const icd10      = arr(spec.icd10);
-      const common_cpt = arr(spec.common_cpt);
-      const cpt_map    = spec.cpt_map && typeof spec.cpt_map === 'object' ? spec.cpt_map : {};
-
-      // STEP 4: merge per-modality ICD-10 into global set
-      icd10.forEach(code => code && globalIcdSet.add(code));
-
-      out.modalities[mod] = {
-        regions, body_parts,
-        contrast_options: contrast,
-        laterality, contexts, conditions, icd10,
-        common_cpt, cpt_map
-      };
+  function syncPreviewPanel() {
+    try {
+      if (els.pvModality)  els.pvModality.textContent  = els.modality?.value || "—";
+      if (els.pvRegion)    els.pvRegion.textContent    = els.region?.value || "—";
+      if (els.pvContext)   els.pvContext.textContent   = (selectedContexts().join(", ")) || "—";
+      if (els.pvCondition) els.pvCondition.textContent = els.condition?.value || "—";
+      if (els.pvContrast)  els.pvContrast.textContent  = getContrastPreviewText();
+      if (els.pvIndication)els.pvIndication.textContent= (els.indication?.value || "").trim() || "—";
+    } catch (e) {
+      console.warn("Preview sync error:", e);
     }
+  }
+
+  // -------- Populate UI for modality --------
+  function populateForModality(modality) {
+    const node = getModalityNode(modality) || deriveFromRecords(modality);
 
-    out.icd10_catalog = [...globalIcdSet];
-    return out;
+    fillSelect(els.region, node.regions || [], "Select region…");
 
-    function arr (x, fallback = []) {
-      if (Array.isArray(x)) return x.filter(Boolean);
-      if (x && Array.isArray(x.list)) return x.list.filter(Boolean);
-      return fallback.slice();
+    if (els.contextChips) {
+      renderContextChips(node.contexts || []);
+      mirrorChipsToHiddenSelect();
+    } else {
+      fillSelect(els.context, node.contexts || [], "Select context…");
     }
-  }
 
-  // Ensure we always have at least baseline modality specs
-  function ensureMinimumModalities() {
-    const base = state.rules?.modalities || {};
-    const inject = (name, spec) => {
-      if (!base[name] || !Object.keys(base[name]).length) base[name] = spec;
-    };
-    inject('CT', {
-      regions: ['Head/Brain','Chest','Abdomen/Pelvis'],
-      body_parts: ['Brain','Thorax','Abdomen and pelvis'],
-      contrast_options: ['None','With contrast','Without contrast','With and without'],
-      contexts: ['Acute','Oncology staging','Follow-up'],
-      conditions: ['Stroke/TIA','Lung nodule','RLQ pain/appendicitis'],
-      common_cpt: ['70450','71260','74177'],
-      cpt_map: {
-        'Head/Brain | Brain | Without contrast': ['70450'],
-        'Chest | Thorax | With contrast': ['71260'],
-        'Abdomen/Pelvis | Abdomen and pelvis | With contrast': ['74177']
-      },
-      icd10: ['I63.9','R91.1','R10.31']
-    });
-    inject('MRI', {
-      regions: ['Brain','Cervical spine','Thoracic spine','Lumbar spine','Prostate (PI-RADS)'],
-      body_parts: ['Brain','Cervical spine','Thoracic spine','Lumbar spine','Prostate'],
-      contrast_options: ['None','With and without','With contrast','Without contrast'],
-      contexts: ['Problem solving','Staging','Follow-up','Acute'],
-      conditions: ['Tumor','MS','Seizure','Radiculopathy','Prostate cancer'],
-      common_cpt: ['70553','72141','72146','72148','72197'],
-      cpt_map: {
-        'Brain | Brain | With and without': ['70553'],
-        'Lumbar spine | Lumbar spine | Without contrast': ['72148'],
-        'Cervical spine | Cervical spine | Without contrast': ['72141'],
-        'Thoracic spine | Thoracic spine | Without contrast': ['72146'],
-        'Prostate (PI-RADS) | Prostate | With and without': ['72197']
-      },
-      icd10: ['C61','G35']
-    });
-    inject('PET/CT', {
-      regions: ['Skull base to mid-thigh','Whole body','Brain'],
-      body_parts: ['Skull base to mid-thigh','Whole body','Brain'],
-      contrast_options: ['None'],
-      contexts: ['Staging','Restaging','Treatment response','Surveillance'],
-      conditions: ['NSCLC','Lymphoma','Colorectal cancer','Melanoma','Head & neck'],
-      common_cpt: ['78815','78816'],
-      cpt_map: { 'Skull base to mid-thigh | Skull base to mid-thigh | None': ['78815'] },
-      icd10: ['C34.90','C83.30']
-    });
-    inject('Ultrasound', {
-      regions: ['Abdomen','Pelvis','Carotid (bilateral)','LE Venous (bilateral)'],
-      body_parts: ['Abdomen','Pelvis','Carotid arteries','LE veins'],
-      contrast_options: ['None'],
-      contexts: ['Initial evaluation','Follow-up','Screening'],
-      conditions: ['RUQ pain','AUB','DVT','TIA'],
-      common_cpt: ['76700','76856','93880','93970'],
-      icd10: ['R10.11','I82.4Z3']
-    });
-    inject('X-Ray', {
-      regions: ['Chest','Abdomen (KUB)','Pelvis','Cervical spine','Thoracic spine','Lumbar spine','Upper extremity','Lower extremity'],
-      body_parts: ['Chest','Abdomen','Pelvis','Cervical spine','Thoracic spine','Lumbar spine','Upper extremity','Lower extremity'],
-      contrast_options: ['None'],
-      contexts: ['Acute','Trauma','Follow-up','Infection'],
-      conditions: ['Fracture','Pneumonia','Effusion','Osteomyelitis'],
-      common_cpt: ['71046','74018'],
-      icd10: ['T14.90XA','J18.9']
-    });
-    state.rules.modalities = base;
+    fillDatalist(els.conditionList, node.conditions || []);
 
-    // also ensure global catalog includes these (in case normalizeRules ran earlier without them)
-    const set = new Set(state.rules.icd10_catalog || []);
-    Object.values(base).forEach(m => (m.icd10 || []).forEach(code => code && set.add(code)));
-    state.rules.icd10_catalog = [...set];
-  }
+    // Contrast only for CT
+    showContrast(modality === "CT");
 
-  // ---------- UI population ----------
-  function populateModalities () {
-    const mods = Object.keys(state.rules.modalities || {});
-    els.modality.innerHTML = optionize(mods, 'Select modality');
+    // Reset textual fields
+    if (els.condition) els.condition.value = "";
+    if (els.indication) els.indication.value = "";
 
-    // Auto-select first modality to ensure dependent selects populate (STEP 4)
-    if (mods.length) {
-      // If nothing selected or previous value missing, pick first
-      if (!els.modality.value || !mods.includes(els.modality.value)) {
-        els.modality.value = mods[0];
-      }
-      populateForModality(els.modality.value);
-      buildReview();
-    }
+    // Re-sync preview after repopulation
+    syncPreviewPanel();
   }
 
-  function populateForModality (mod) {
-    const m = state.rules.modalities[mod] || {};
-    els.region.innerHTML     = optionize(m.regions, 'Select region');
-    els.bodyPart.innerHTML   = optionize(m.body_parts, 'Select body part');
-    els.contrast.innerHTML   = optionize(m.contrast_options || ['None'], 'Select contrast');
-    els.laterality.innerHTML = optionize(m.laterality || ['N/A','Left','Right','Bilateral'], 'Select laterality');
-    els.context.innerHTML    = optionize(m.contexts || ['Staging','Restaging','Treatment response','Surveillance'], 'Select context');
-
-    // Datalists
-    // Merge global + per-modality ICD-10 (STEP 4 already merged globally, but keep per-modality first for convenience)
-    const mergedICD = [...new Set([...(m.icd10 || []), ...(state.rules.icd10_catalog || [])])];
-    renderDatalist(els.icdList, mergedICD);
-    renderDatalist(els.conditionList, m.conditions || []);
-
-    // Seed CPT with common until we can compute from selections
-    els.cpt.innerHTML = optionize(m.common_cpt || [], 'Suggested CPT');
+  // -------- Contrast suggestions for CT --------
+  function suggestContrastIfCT(modalityNode, conditionText, regionText) {
+    if (!modalityNode?.contrast_recommendations) return;
+    const text = `${conditionText || ""} ${regionText || ""}`.toLowerCase();
+    for (const rule of modalityNode.contrast_recommendations) {
+      const allMatch = rule.match.every((token) => text.includes(token));
+      if (allMatch) {
+        const target = els.contrastGroup?.querySelector(
+          `input[type=radio][value="${rule.suggest}"]`
+        );
+        if (target) target.checked = true;
+        break;
+      }
+    }
+    // Guardrail: any CTA should be with IV
+    if ((regionText || "").toLowerCase().includes("cta")) {
+      const withIV = els.contrastGroup?.querySelector(
+        'input[type=radio][value="with_iv"]'
+      );
+      if (withIV) withIV.checked = true;
+    }
+    syncPreviewPanel();
   }
 
-  function optionize (arr, placeholder) {
-    const opts = (arr || []).map(v => `<option value="${escapeHtml(v)}">${escapeHtml(v)}</option>`).join('');
-    return `<option value="" disabled selected>${escapeHtml(placeholder)}</option>${opts}`;
+  // -------- Indication builder --------
+  function buildIndication(modalityNode, modality) {
+    if (!els.indication) return;
+    const region = els.region?.value || "";
+    const contexts = els.contextChips
+      ? getSelectedContextsFromChips().join(", ")
+      : (() => {
+          const sel = els.context;
+          return sel
+            ? [...sel.selectedOptions].map((o) => o.textContent.trim()).join(", ")
+            : "";
+        })();
+    const condition = els.condition?.value || "";
+    const contrast_text = contrastTextFromForm(); // e.g., "(with IV contrast + oral contrast)"
+    const templates =
+      modalityNode?.indication_templates ||
+      (modality === "CT"
+        ? ["CT {region} – {context} for {condition}"]
+        : modality === "PET/CT"
+        ? ["FDG PET/CT {region} – {context} for {condition}"]
+        : ["{region} – {context} for {condition}"]);
+    // Prefer a template that includes {contrast_text} if present
+    const t =
+      (contrast_text && templates.find((x) => x.includes("{contrast_text}"))) ||
+      templates[0];
+
+    const out = t
+      .replace("{region}", region)
+      .replace("{context}", contexts)
+      .replace("{condition}", condition)
+      .replace("{contrast_text}", contrast_text ? ` ${contrast_text}` : "");
+    els.indication.value = out.trim();
+
+    // keep preview current
+    syncPreviewPanel();
   }
 
-  function renderDatalist (node, arr) {
-    if (!node) return;
-    node.innerHTML = (arr || []).map(v => `<option value="${escapeHtml(v)}"></option>`).join('');
+  // -------- Basic record matcher (suggest studies) --------
+  function scoreRecord(rec, modality, region, contexts, condition) {
+    if (!(rec.modality || "").toUpperCase().includes(modality.toUpperCase()))
+      return -1;
+    let s = 0;
+    if (
+      rec.header_coverage &&
+      region &&
+      rec.header_coverage.toLowerCase().includes(region.toLowerCase())
+    )
+      s += 2;
+    (rec.contexts || []).forEach((c) => {
+      if (contexts.some((ctx) => ctx.toLowerCase() === (c || "").toLowerCase()))
+        s += 2;
+    });
+    (rec.keywords || []).forEach((k) => {
+      if (condition && condition.toLowerCase().includes((k || "").toLowerCase()))
+        s += 2;
+    });
+    if (
+      (rec.tags || []).includes("oncology-general") &&
+      condition &&
+      /c\d\d|malig|tumor|cancer/i.test(condition)
+    )
+      s += 1;
+    return s;
   }
 
-  function escapeHtml (s = '') {
-    return s.replace(/[&<>\"']/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));
-  }
+  function suggestStudies(modality, region, contexts, condition) {
+    if (!els.suggestions) return;
+    const recs = RULES?.records || [];
+    const scored = recs
+      .map((r) => ({ r, s: scoreRecord(r, modality, region, contexts, condition) }))
+      .filter((x) => x.s >= 0)
+      .sort((a, b) => b.s - a.s)
+      .slice(0, 5);
+
+    els.suggestions.innerHTML = "";
+    if (!scored.length) {
+      const li = document.createElement("li");
+      li.className = "muted";
+      li.textContent = "No specific suggestions. Adjust context/condition.";
+      els.suggestions.appendChild(li);
+      return;
+    }
 
-  // ---------- CPT suggestion ----------
-  function suggestCPT () {
-    const mod = els.modality.value;
-    if (!mod) return [];
-    const m = state.rules.modalities[mod] || {};
-    const key = [els.region.value, els.bodyPart.value, els.contrast.value].join(' | ');
-    const table = m.cpt_map || {};
-    const hits = table[key] || [];
-    return hits.length ? hits : (m.common_cpt || []);
+    scored.forEach(({ r }) => {
+      const li = document.createElement("li");
+      const cpts = (r.cpt || []).join(", ");
+      li.innerHTML = `<strong>${r.study_name || r.header_coverage || "Suggested study"}</strong> <span class="muted">${cpts ? "[" + cpts + "]" : ""}</span>`;
+      li.title = (r.reasons || [])[0] || "";
+      els.suggestions.appendChild(li);
+    });
   }
 
-  // ---------- Reason / Review builders ----------
-  function buildReason () {
-    const cond = els.condition.value || els.icd10.value || '(no coded condition)';
-    const ctx  = els.context.value ? `${els.context.value.toLowerCase()}` : 'diagnostic';
-
-    if (els.indication.value && els.indication.value.trim()) {
-      return els.indication.value.trim();
+  // -------- Results panel fill --------
+  function fillResults(topRec, contextStr, conditionStr) {
+    if (!els.results || !topRec) return;
+    const header =
+      topRec.study_name || topRec.header_coverage || "Suggested Study";
+    if (els.outHeader)
+      els.outHeader.textContent = `${header} — CPT: ${(topRec.cpt || []).join(
+        ", "
+      )}`;
+
+    if (els.outReason) {
+      const tmpl = (topRec.reasons || [])[0] || "{context} {condition}";
+      els.outReason.value = tmpl
+        .replace("{context}", contextStr || "")
+        .replace("{condition}", conditionStr || "");
     }
-    const base = `Evaluate ${cond} with ${els.modality.value} ${els.bodyPart.value || els.region.value}`.trim();
-    const bits = [];
-    if (els.contrast.value && els.contrast.value !== 'None') bits.push(els.contrast.value.toLowerCase());
-    if (els.laterality.value && els.laterality.value !== 'N/A') bits.push(els.laterality.value.toLowerCase());
-    if (els.context.value) bits.push(`for ${ctx}`);
-    return [base, bits.join(', ')].filter(Boolean).join(', ').replace(/, for/, ' for');
-  }
 
-  function buildReview () {
-    if (!els.review) return;
-    const lines = [];
-    const cptList = suggestCPT();
-
-    const study = `${val(els.modality)} ${val(els.bodyPart) || val(els.region)} ${val(els.contrast)}`.replace(/\s+/g,' ').trim();
-    if (study) lines.push(`Study: ${study}`);
-    if (els.laterality.value && els.laterality.value !== 'N/A') lines.push(`Laterality: ${els.laterality.value}`);
-    if (els.context.value) lines.push(`Context: ${els.context.value}`);
-    if (els.urgency.value) lines.push(`Urgency: ${els.urgency.value}`);
-    if (els.condition.value) lines.push(`Condition: ${els.condition.value}`);
-    if (els.icd10.value) lines.push(`ICD-10: ${els.icd10.value}`);
-    if (cptList.length) lines.push(`Suggested CPT: ${cptList.join(', ')}`);
-    if (els.pregnant.value && els.pregnant.value!=='Unknown') lines.push(`Pregnancy: ${els.pregnant.value}`);
-    if (els.creatinineDate.value) lines.push(`Most recent creatinine: ${els.creatinineDate.value}`);
-    if (els.allergies.value) lines.push(`Allergies/precautions: ${els.allergies.value}`);
-    if (els.special.value) lines.push(`Special instructions: ${els.special.value}`);
-
-    const reason = buildReason();
-    if (reason) lines.push(`Reason for exam: ${reason}`);
-
-    els.review.textContent = lines.filter(Boolean).join('\n');
-  }
+    function fillUL(ul, arr) {
+      if (!ul) return;
+      ul.innerHTML = "";
+      (arr || []).forEach((t) => {
+        const li = document.createElement("li");
+        li.textContent = t;
+        ul.appendChild(li);
+      });
+    }
+    fillUL(els.outPrep, topRec.prep ? [topRec.prep] : []);
+    fillUL(els.outDocs, topRec.supporting_docs);
+    fillUL(els.outFlags, topRec.flags);
 
-  function val (el) {
-    return (el && el.value && el.value !== 'None' && el.value !== 'N/A') ? el.value : '';
+    els.results.hidden = false;
   }
 
-  // ---------- Events ----------
-  function wireEvents () {
-    // Change of modality populates dependent fields and refreshes review
-    els.modality.addEventListener('change', () => {
-      populateForModality(els.modality.value);
-      buildReview();
+  // -------- Event wiring --------
+  function wireEvents() {
+    // Modality change -> repopulate
+    els.modality?.addEventListener("change", () => {
+      const modality = els.modality.value;
+      populateForModality(modality);
+      const node = getModalityNode(modality) || (FALLBACK_RULES.modalities[modality] || null);
+      buildIndication(node, modality);
+      syncPreviewPanel();
     });
 
-    // Rebuild review on inputs + refresh CPT when key selectors change
-    [
-      els.region, els.bodyPart, els.contrast, els.laterality, els.context,
-      els.condition, els.icd10, els.cpt, els.urgency,
-      els.pregnant, els.creatinineDate, els.allergies, els.special, els.indication
-    ].forEach(el => el && el.addEventListener('input', () => {
-      if ([els.region, els.bodyPart, els.contrast].includes(el)) {
-        const options = suggestCPT();
-        els.cpt.innerHTML = optionize(options, 'Suggested CPT');
-      }
-      buildReview();
-    }));
-
-    // Suggest Reason
-    els.btnSuggest?.addEventListener('click', () => {
-      els.indication.value = buildReason();
-      buildReview();
-      setStatus('Suggested reason inserted.');
+    // Region / Condition input -> suggest contrast if CT and rebuild indication
+    ["change", "input"].forEach((evt) => {
+      els.region?.addEventListener(evt, () => {
+        if (els.modality?.value === "CT") {
+          const node = getModalityNode("CT") || FALLBACK_RULES.modalities.CT;
+          suggestContrastIfCT(node, els.condition?.value, els.region?.value);
+        }
+        buildIndication(getModalityNode(els.modality?.value) || (FALLBACK_RULES.modalities[els.modality?.value] || null), els.modality?.value);
+        syncPreviewPanel();
+      });
+      els.condition?.addEventListener(evt, () => {
+        if (els.modality?.value === "CT") {
+          const node = getModalityNode("CT") || FALLBACK_RULES.modalities.CT;
+          suggestContrastIfCT(node, els.condition?.value, els.region?.value);
+        }
+        buildIndication(getModalityNode(els.modality?.value) || (FALLBACK_RULES.modalities[els.modality?.value] || null), els.modality?.value);
+        syncPreviewPanel();
+      });
     });
 
-    // Copy review
-    els.btnCopy?.addEventListener('click', async () => {
-      try {
-        await navigator.clipboard.writeText(els.review.textContent || '');
-        setStatus('Copied to clipboard.');
-      } catch {
-        setStatus('Unable to copy. Select and copy manually.', 'oh-status warn');
+    // Contrast change -> rebuild indication + preview
+    els.contrastGroup?.addEventListener("change", () => {
+      if (els.modality?.value === "CT") {
+        buildIndication(
+          getModalityNode("CT") || FALLBACK_RULES.modalities.CT,
+          "CT"
+        );
       }
+      syncPreviewPanel();
     });
 
-    // Share review
-    els.btnShare?.addEventListener('click', async () => {
-      const text = els.review.textContent || '';
-      const title = 'Radiology Order';
-      try {
-        if (navigator.share) {
-          await navigator.share({ title, text });
-        } else {
-          const url = new URL(window.location);
-          url.hash = encodeURIComponent(text);
-          await navigator.clipboard.writeText(url.toString());
-          alert('Share not supported. A sharable URL has been copied to your clipboard.');
-        }
-        setStatus('Shared.');
-      } catch (e) {
-        console.warn(e);
-        setStatus('Share canceled.', 'oh-status warn');
+    // Chips: click + keyboard toggle
+    document.addEventListener("click", (e) => {
+      const chip = e.target.closest("#contextChips .oh-chip");
+      if (!chip) return;
+      const cur = chip.getAttribute("aria-pressed") === "true";
+      chip.setAttribute("aria-pressed", cur ? "false" : "true");
+      mirrorChipsToHiddenSelect();
+      buildIndication(getModalityNode(els.modality?.value) || (FALLBACK_RULES.modalities[els.modality?.value] || null), els.modality?.value);
+      syncPreviewPanel();
+    });
+    document.addEventListener("keydown", (e) => {
+      const chip = e.target.closest("#contextChips .oh-chip");
+      if (!chip) return;
+      if (e.key === " " || e.key === "Enter") {
+        e.preventDefault();
+        chip.click();
       }
     });
 
-    // Reset
-    els.btnReset?.addEventListener('click', () => {
-      els.form.reset();
-      populateModalities(); // this will auto-select first and repopulate
-      els.review.textContent = 'Select options to build the order…';
-      setStatus('Form reset.');
+    // Form submit -> suggest order + fill results (preview already synced)
+    els.form?.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const modality = els.modality?.value || "";
+      const region = els.region?.value || "";
+      const contexts = selectedContexts();
+      const condition = els.condition?.value || "";
+
+      // Suggestions
+      suggestStudies(modality, region, contexts, condition);
+
+      // Fill results with top hit if available
+      const recs = RULES?.records || [];
+      const ranked = recs
+        .map((r) => ({ r, s: scoreRecord(r, modality, region, contexts, condition) }))
+        .filter((x) => x.s >= 0)
+        .sort((a, b) => b.s - a.s);
+      fillResults(ranked[0]?.r, contexts.join(", "), condition);
+
+      // Status message
+      setStatus("Order suggested below. Review, copy, or print.", "success");
     });
 
-    // Submit
-    els.form?.addEventListener('submit', onSubmit);
-  }
-
-  // ---------- Submit (Firestore write or PDF export) ----------
-  async function onSubmit (evt) {
-    evt.preventDefault();
-    const payload = {
-      created_at: new Date().toISOString(),
-      modality: els.modality.value,
-      region: els.region.value,
-      bodyPart: els.bodyPart.value,
-      contrast: els.contrast.value,
-      laterality: els.laterality.value,
-      context: els.context.value,
-      urgency: els.urgency.value,
-      condition: els.condition.value,
-      icd10: els.icd10.value,
-      cpt: els.cpt.value,
-      indication: els.indication.value || buildReason(),
-      pregnant: els.pregnant.value,
-      creatinineDate: els.creatinineDate.value,
-      allergies: els.allergies.value,
-      special: els.special.value,
-      review: els.review.textContent
-    };
-
-    // Optional Firestore write
-    if (window.ORADIGIT_FIREBASE_CONFIG && window.firebase) {
+    // Copy buttons
+    els.copyReasonBtn?.addEventListener("click", async () => {
+      const v = els.outReason?.value?.trim();
+      if (!v) return;
       try {
-        const app = firebase.apps?.length ? firebase.app() : firebase.initializeApp(window.ORADIGIT_FIREBASE_CONFIG);
-        const db = firebase.firestore();
-        await db.collection('orders').add(payload);
-        setStatus('Submitted to Firestore.');
-        els.form.reset();
-        populateModalities();
-        buildReview();
-        return;
-      } catch (e) {
-        console.warn('Firestore submit failed:', e);
-        setStatus('Saved locally (Firestore unavailable).', 'oh-status warn');
+        await navigator.clipboard.writeText(v);
+        setStatus("Reason copied to clipboard.", "success");
+      } catch {
+        setStatus("Unable to copy reason. Select and copy manually.", "warn");
       }
-    }
-
-    // Generate a PDF of the order
-    try {
-      await generatePDF(payload);
-      setStatus('PDF generated.');
-    } catch (e) {
-      console.warn('PDF generation failed:', e);
-      setStatus('PDF generation failed. Use Copy as fallback.', 'oh-status warn');
-    }
-  }
-
-  // ---------- Debug panel (query ?debug=1) ----------
-  function attachDebugPanel() {
-    if (new URLSearchParams(location.search).get('debug') !== '1') return;
-    const host = document.querySelector('.oh-hero .container') || document.body;
-    const el = document.createElement('div');
-    el.style.cssText = 'margin-top:.75rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;color:#64748b';
-    el.id = 'oh-debug';
-    host.appendChild(el);
+    });
 
-    const update = () => {
+    els.copyAllBtn?.addEventListener("click", async () => {
+      const parts = [];
+      if (els.outHeader) parts.push(els.outHeader.textContent);
+      if (els.outReason?.value) parts.push("Reason: " + els.outReason.value);
+      if (els.outPrep?.children?.length)
+        parts.push(
+          "Prep: " +
+            Array.from(els.outPrep.children)
+              .map((li) => li.textContent)
+              .join("; ")
+        );
+      if (els.outDocs?.children?.length)
+        parts.push(
+          "Docs: " +
+            Array.from(els.outDocs.children)
+              .map((li) => li.textContent)
+              .join("; ")
+        );
+      if (els.outFlags?.children?.length)
+        parts.push(
+          "Flags: " +
+            Array.from(els.outFlags.children)
+              .map((li) => li.textContent)
+              .join("; ")
+        );
+      const text = parts.join("\n");
+      if (!text.trim()) return;
       try {
-        const mods = Object.keys(state?.rules?.modalities || {});
-        const mod = document.querySelector('#modality')?.value || '(none)';
-        el.textContent = `[OH DEBUG] v=${APP_VERSION} | source=${state.rulesSource} | modalities=${mods.length} [${mods.join(', ')}] | selected=${mod}`;
+        await navigator.clipboard.writeText(text);
+        setStatus("All details copied to clipboard.", "success");
       } catch {
-        el.textContent = `[OH DEBUG] v=${APP_VERSION} | (no rules yet)`;
+        setStatus("Unable to copy. Select and copy manually.", "warn");
       }
-    };
-    update();
-    document.addEventListener('input', update, true);
-    document.addEventListener('change', update, true);
+    });
+
+    els.printBtn?.addEventListener("click", () => window.print());
   }
 
-  // ---------- PDF generation ----------
-  async function generatePDF(payload) {
-    const { jsPDF } = window.jspdf || {};
-    if (!jsPDF) {
-      console.warn('jsPDF not available');
-      alert('PDF generator unavailable. Please try again or use Copy.');
-      return;
+  // -------- Init --------
+  (async function init() {
+    await loadRules();
+    wireEvents();
+
+    // Default modality (respect current selection)
+    const current = els.modality?.value || "PET/CT";
+    populateForModality(current);
+
+    // If CT selected at load, pre-run contrast suggestion
+    if (current === "CT") {
+      const node = getModalityNode("CT") || FALLBACK_RULES.modalities.CT;
+      suggestContrastIfCT(node, els.condition?.value, els.region?.value);
+      buildIndication(node, "CT");
+    } else {
+      const node =
+        getModalityNode(current) || (FALLBACK_RULES.modalities[current] || null);
+      buildIndication(node, current);
     }
 
-    const doc = new jsPDF({ unit: 'pt', format: 'letter' }); // 612x792pt
-    const marginX = 54; // 0.75"
-    const lineH = 18;
-    let y = 72; // 1" top
-
-    // Header
-    doc.setFont('helvetica', 'bold');
-    doc.setFontSize(16);
-    doc.text('Radiology Order', marginX, y);
-    y += 8;
-
-    doc.setFont('helvetica', 'normal');
-    doc.setFontSize(10);
-    doc.setTextColor(100);
-    doc.text(`Generated: ${new Date().toLocaleString()}`, marginX, y + lineH);
-    y += (lineH * 2);
-
-    // Utility: wrapped text block
-    function write(label, value) {
-      if (!value) return;
-      doc.setFont('helvetica', 'bold');
-      doc.setTextColor(30);
-      doc.setFontSize(11);
-      doc.text(label, marginX, y);
-      y += 14;
-
-      doc.setFont('courier', 'normal'); // mono for aligned look
-      doc.setTextColor(30);
-      doc.setFontSize(11);
-
-      const maxWidth = 612 - marginX * 2;
-      const rows = doc.splitTextToSize(String(value), maxWidth);
-      rows.forEach(row => {
-        doc.text(row, marginX, y);
-        y += lineH;
-        if (y > 760) { // page break safety
-          doc.addPage();
-          y = 72;
-        }
-      });
-      y += 6;
-    }
+    // Final: make sure preview shows current form state
+    syncPreviewPanel();
 
-    // Content
-    write('Study', `${payload.modality} ${payload.bodyPart || payload.region} ${payload.contrast}`.replace(/\s+/g,' ').trim());
-    if (payload.laterality && payload.laterality !== 'N/A') write('Laterality', payload.laterality);
-    if (payload.context) write('Context', payload.context);
-    if (payload.urgency) write('Urgency', payload.urgency);
-    if (payload.condition) write('Condition', payload.condition);
-    if (payload.icd10) write('ICD-10', payload.icd10);
-    if (payload.cpt) write('CPT (suggested)', payload.cpt);
-    if (payload.creatinineDate) write('Most recent creatinine', payload.creatinineDate);
-    if (payload.pregnant && payload.pregnant !== 'Unknown') write('Pregnancy', payload.pregnant);
-    if (payload.allergies) write('Allergies / Precautions', payload.allergies);
-    if (payload.special) write('Special instructions', payload.special);
-    write('Reason for exam', payload.indication || payload.review);
-    write('Order summary', payload.review);
-
-    // Footer disclaimer
-    if (y > 720) { doc.addPage(); y = 72; }
-    doc.setFont('helvetica', 'italic');
-    doc.setTextColor(110);
-    doc.setFontSize(9);
-    doc.text('Structured for ordering clarity. Educational use only; not medical advice.', marginX, 780);
-
-    const fnameParts = [
-      'order',
-      (payload.modality || '').replace(/\W+/g,'-').toLowerCase(),
-      Date.now()
-    ].filter(Boolean);
-    const filename = `${fnameParts.join('_')}.pdf`;
-    doc.save(filename);
-  }
+    if (els.dbg)
+      els.dbg.textContent = `[OH] Ready (${new Date().toLocaleString()})`;
+  })();
 })();
-</script>
diff --git a/order-helper/data/rules.json b/order-helper/data/rules.json
index f1c8284..bdc62e1 100644
--- a/order-helper/data/rules.json
+++ b/order-helper/data/rules.json
@@ -1,604 +1,7 @@
 {
-  "schema_version": "2.0",
-  "generated_at": "2025-09-15",
-  "modalities": {
-    "X-Ray": {
-      "regions": [
-        "Chest",
-        "Abdomen (KUB)",
-        "Pelvis",
-        "Skull",
-        "Cervical spine",
-        "Thoracic spine",
-        "Lumbar spine",
-        "Scoliosis series",
-        "Upper extremity",
-        "Lower extremity",
-        "Shoulder",
-        "Elbow",
-        "Wrist/Hand",
-        "Hip",
-        "Knee",
-        "Ankle/Foot",
-        "Skeletal survey"
-      ],
-      "body_parts": [
-        "Chest PA/LAT",
-        "Chest AP",
-        "Abdomen KUB",
-        "Pelvis",
-        "Skull",
-        "Cervical spine",
-        "Thoracic spine",
-        "Lumbar spine",
-        "Hand",
-        "Wrist",
-        "Forearm",
-        "Elbow",
-        "Humerus",
-        "Shoulder",
-        "Foot",
-        "Ankle",
-        "Tibia/Fibula",
-        "Knee",
-        "Femur",
-        "Hip"
-      ],
-      "contrast_options": ["None"],
-      "laterality": ["N/A", "Left", "Right", "Bilateral"],
-      "contexts": ["Acute", "Trauma", "Follow-up", "Infection", "Metastatic survey", "Pre-op", "Post-op"],
-      "conditions": [
-        "Fracture",
-        "Dislocation",
-        "Osteoarthritis",
-        "Evaluation for pneumonia",
-        "Pleural effusion",
-        "Foreign body",
-        "Osteomyelitis",
-        "Metastasis",
-        "Scoliosis"
-      ],
-      "icd10": ["S52.509A", "M19.90", "J18.9", "J90", "T18.9XXA", "M86.9", "C79.51", "M41.20"],
-      "common_cpt": ["71046", "74018", "72110", "73562", "73130", "73501", "73610"],
-      "cpt_map": {
-        "Chest | Chest PA/LAT | None": ["71046"],
-        "Abdomen (KUB) | Abdomen KUB | None": ["74018"],
-        "Lumbar spine | Lumbar spine | None": ["72110"],
-        "Knee | Knee | None": ["73562"],
-        "Wrist/Hand | Hand | None": ["73130"],
-        "Ankle/Foot | Ankle | None": ["73610"],
-        "Hip | Hip | None": ["73501"]
-      }
-    },
-
-    "CT": {
-      "regions": [
-        "Head/Brain",
-        "Sinuses",
-        "Maxillofacial/Facial bones",
-        "Temporal bones/IAC",
-        "Neck",
-        "Chest",
-        "Low-dose Lung (Screening)",
-        "Abdomen",
-        "Pelvis",
-        "Abdomen/Pelvis",
-        "CT Urogram",
-        "CT Enterography",
-        "Spine - Cervical",
-        "Spine - Thoracic",
-        "Spine - Lumbar",
-        "Upper extremity",
-        "Lower extremity",
-        "Cardiac Coronary CTA",
-        "Angio - Head/Neck CTA",
-        "Angio - Chest CTA (PE)",
-        "Angio - Aorta CTA",
-        "Angio - Runoff CTA (LE)"
-      ],
-      "body_parts": [
-        "Brain",
-        "Sinuses",
-        "Facial bones",
-        "Temporal bones/IAC",
-        "Neck soft tissues",
-        "Thorax",
-        "Lungs (screening)",
-        "Abdomen",
-        "Pelvis",
-        "Abdomen and pelvis",
-        "Kidneys/ureters/bladder",
-        "Small bowel",
-        "Cervical spine",
-        "Thoracic spine",
-        "Lumbar spine",
-        "Upper extremity",
-        "Lower extremity",
-        "Coronary arteries",
-        "Head/Neck arteries",
-        "Pulmonary arteries",
-        "Aorta",
-        "Lower extremity arteries"
-      ],
-      "contrast_options": ["None", "With contrast", "Without contrast", "With and without"],
-      "laterality": ["N/A", "Left", "Right", "Bilateral"],
-      "contexts": [
-        "Initial evaluation",
-        "Acute",
-        "Follow-up",
-        "Pre-op planning",
-        "Post-op complication",
-        "Oncology staging",
-        "Oncology restaging",
-        "Surveillance",
-        "Trauma",
-        "Infection/inflammation",
-        "Screening"
-      ],
-      "conditions": [
-        "Thunderclap headache",
-        "Head trauma",
-        "Stroke/TIA",
-        "Sinusitis",
-        "Neck mass",
-        "Pulmonary embolism",
-        "Aortic dissection",
-        "Lung nodule",
-        "Pneumonia complication",
-        "RLQ pain/appendicitis",
-        "Renal colic",
-        "Pancreatitis",
-        "Liver lesion",
-        "Diverticulitis",
-        "IBD flare",
-        "Bowel obstruction",
-        "Post-op abdomen",
-        "Hematuria",
-        "Cancer staging (specify)",
-        "Metastatic disease restaging",
-        "Spine trauma",
-        "Radiculopathy",
-        "Spinal stenosis",
-        "Extremity fracture",
-        "Suspected osteomyelitis",
-        "Peripheral arterial disease"
-      ],
-      "icd10": [
-        "I63.9",
-        "S06.9X9A",
-        "J01.90",
-        "R22.1",
-        "I26.99",
-        "I71.00",
-        "R91.1",
-        "J18.9",
-        "R10.31",
-        "N20.0",
-        "K85.90",
-        "K76.9",
-        "K57.30",
-        "K50.90",
-        "K56.60",
-        "Z98.890",
-        "R31.9",
-        "C80.1",
-        "M54.16",
-        "M48.061",
-        "T14.90XA",
-        "M86.9",
-        "I70.209"
-      ],
-      "common_cpt": [
-        "70450",
-        "70486",
-        "70487",
-        "70480",
-        "70481",
-        "70482",
-        "70491",
-        "71250",
-        "71260",
-        "71275",
-        "71271",
-        "74176",
-        "74177",
-        "74178",
-        "72125",
-        "72128",
-        "72131",
-        "73700",
-        "73200",
-        "75574",
-        "70496",
-        "70498",
-        "75635",
-        "73706",
-        "74160",
-        "72193"
-      ],
-      "cpt_map": {
-        "Head/Brain | Brain | Without contrast": ["70450"],
-        "Sinuses | Sinuses | With contrast": ["70487"],
-        "Sinuses | Sinuses | Without contrast": ["70486"],
-        "Maxillofacial/Facial bones | Facial bones | Without contrast": ["70486"],
-        "Temporal bones/IAC | Temporal bones/IAC | Without contrast": ["70480"],
-        "Neck | Neck soft tissues | With contrast": ["70491"],
-        "Chest | Thorax | With contrast": ["71260"],
-        "Chest | Thorax | Without contrast": ["71250"],
-        "Low-dose Lung (Screening) | Lungs (screening) | Without contrast": ["71271"],
-        "Angio - Chest CTA (PE) | Pulmonary arteries | With contrast": ["71275"],
-        "Abdomen | Abdomen | With contrast": ["74160"],
-        "Pelvis | Pelvis | With contrast": ["72193"],
-        "Abdomen/Pelvis | Abdomen and pelvis | With contrast": ["74177"],
-        "Abdomen/Pelvis | Abdomen and pelvis | Without contrast": ["74176"],
-        "CT Urogram | Kidneys/ureters/bladder | With and without": ["74178"],
-        "Spine - Cervical | Cervical spine | Without contrast": ["72125"],
-        "Spine - Thoracic | Thoracic spine | Without contrast": ["72128"],
-        "Spine - Lumbar | Lumbar spine | Without contrast": ["72131"],
-        "Angio - Head/Neck CTA | Head/Neck arteries | With contrast": ["70496", "70498"],
-        "Angio - Aorta CTA | Aorta | With contrast": ["75635"],
-        "Angio - Runoff CTA (LE) | Lower extremity arteries | With contrast": ["73706"]
-      }
-    },
-
-    "MRI": {
-      "regions": [
-        "Brain",
-        "IAC/Temporal bone",
-        "Pituitary",
-        "Orbits",
-        "Cervical spine",
-        "Thoracic spine",
-        "Lumbar spine",
-        "Brachial plexus",
-        "Shoulder",
-        "Elbow",
-        "Wrist/Hand",
-        "Hip",
-        "Knee",
-        "Ankle/Foot",
-        "Liver",
-        "Pancreas",
-        "MRCP",
-        "Kidney",
-        "Pelvis",
-        "Prostate (PI-RADS)",
-        "Rectum",
-        "Female pelvis (uterus/ovaries)",
-        "Cardiac"
-      ],
-      "body_parts": [
-        "Brain",
-        "IACs",
-        "Pituitary",
-        "Orbits",
-        "Cervical spine",
-        "Thoracic spine",
-        "Lumbar spine",
-        "Brachial plexus",
-        "Shoulder",
-        "Elbow",
-        "Wrist",
-        "Hand",
-        "Hip",
-        "Knee",
-        "Ankle",
-        "Foot",
-        "Liver",
-        "Pancreas",
-        "Biliary tree",
-        "Kidneys",
-        "Pelvis",
-        "Prostate",
-        "Rectum",
-        "Uterus/ovaries",
-        "Heart"
-      ],
-      "contrast_options": ["None", "With contrast", "Without contrast", "With and without"],
-      "laterality": ["N/A", "Left", "Right", "Bilateral"],
-      "contexts": ["Acute", "Problem solving", "Follow-up", "Staging", "Restaging", "Surveillance"],
-      "conditions": [
-        "MS",
-        "Seizure",
-        "Tumor",
-        "Subacute stroke",
-        "Dementia workup",
-        "Acoustic neuroma",
-        "Optic neuritis",
-        "Radiculopathy",
-        "Spinal stenosis",
-        "Disc herniation",
-        "Meniscal tear",
-        "Rotator cuff tear",
-        "Labral tear",
-        "AVN hip",
-        "Prostate cancer",
-        "Rectal cancer staging",
-        "Adenomyosis/fibroids",
-        "Endometriosis",
-        "Focal liver lesion",
-        "Pancreatic mass",
-        "Cholestasis/MRCP",
-        "Renal mass",
-        "Cardiomyopathy"
-      ],
-      "icd10": [
-        "G35",
-        "R56.9",
-        "C71.9",
-        "G45.9",
-        "F03.90",
-        "D33.3",
-        "H46.9",
-        "M54.16",
-        "M48.061",
-        "M51.26",
-        "S83.209A",
-        "M75.100",
-        "S73.199A",
-        "M87.052",
-        "C61",
-        "C20",
-        "N80.9",
-        "D25.9",
-        "K76.9",
-        "K86.89",
-        "K83.1",
-        "N28.89",
-        "I42.9"
-      ],
-      "common_cpt": [
-        "70551",
-        "70552",
-        "70553",
-        "70543",
-        "70540",
-        "72141",
-        "72146",
-        "72148",
-        "73221",
-        "73223",
-        "73721",
-        "73723",
-        "72195",
-        "72197",
-        "74181",
-        "74183",
-        "72196",
-        "75561"
-      ],
-      "cpt_map": {
-        "Brain | Brain | Without contrast": ["70551"],
-        "Brain | Brain | With and without": ["70553"],
-        "IAC/Temporal bone | IACs | With and without": ["70553"],
-        "Pituitary | Pituitary | With and without": ["70553"],
-        "Orbits | Orbits | With and without": ["70543"],
-        "Cervical spine | Cervical spine | Without contrast": ["72141"],
-        "Thoracic spine | Thoracic spine | Without contrast": ["72146"],
-        "Lumbar spine | Lumbar spine | Without contrast": ["72148"],
-        "Brachial plexus | Brachial plexus | With and without": ["73223"],
-        "Shoulder | Shoulder | Without contrast": ["73221"],
-        "Knee | Knee | Without contrast": ["73721"],
-        "Liver | Liver | With and without": ["74183"],
-        "Pancreas | Pancreas | With and without": ["74183"],
-        "MRCP | Biliary tree | Without contrast": ["74181"],
-        "Kidney | Kidneys | With and without": ["74183"],
-        "Pelvis | Pelvis | With and without": ["72197"],
-        "Prostate (PI-RADS) | Prostate | With and without": ["72197"],
-        "Cardiac | Heart | With and without": ["75561"]
-      }
-    },
-
-    "PET/CT": {
-      "regions": ["Skull base to mid-thigh", "Whole body"],
-      "body_parts": ["Oncologic PET/CT", "Infection/inflammation PET/CT"],
-      "contrast_options": ["None"],
-      "laterality": ["N/A"],
-      "contexts": [
-        "Staging",
-        "Restaging",
-        "Treatment response",
-        "Surveillance",
-        "Suspected recurrence",
-        "Infection"
-      ],
-      "conditions": [
-        "NSCLC",
-        "Lymphoma",
-        "Colorectal cancer",
-        "Melanoma",
-        "Head & neck cancer",
-        "Sarcoma",
-        "Myeloma",
-        "FUO/endocarditis",
-        "Prosthetic joint infection"
-      ],
-      "icd10": ["C34.90", "C83.30", "C18.9", "C43.9", "C32.9", "C49.9", "C90.00", "R50.9", "I33.0", "T84.59XA"],
-      "common_cpt": ["78815", "78816"],
-      "cpt_map": {
-        "Skull base to mid-thigh | Oncologic PET/CT | None": ["78815"],
-        "Whole body | Oncologic PET/CT | None": ["78816"]
-      }
-    },
-
-    "PET": {
-      "regions": ["Brain", "Cardiac"],
-      "body_parts": ["Brain FDG", "Cardiac FDG viability"],
-      "contrast_options": ["None"],
-      "laterality": ["N/A"],
-      "contexts": ["Dementia", "Epilepsy", "Viability"],
-      "conditions": ["Alzheimer disease", "Frontotemporal dementia", "Seizure localization", "Ischemic cardiomyopathy"],
-      "icd10": ["G30.9", "G31.09", "G40.909", "I25.10"],
-      "common_cpt": ["78608", "78459", "78491", "78492"],
-      "cpt_map": {
-        "Brain | Brain FDG | None": ["78608"],
-        "Cardiac | Cardiac FDG viability | None": ["78459", "78491", "78492"]
-      }
-    },
-
-    "Ultrasound": {
-      "regions": [
-        "Abdomen",
-        "Pelvis",
-        "OB",
-        "Small parts",
-        "Vascular - carotid",
-        "Vascular - venous LE",
-        "Renal",
-        "Aorta (AAA)"
-      ],
-      "body_parts": [
-        "Abdomen complete",
-        "RUQ",
-        "Liver",
-        "Renal",
-        "Pelvis (TA+TV)",
-        "OB 1st trimester",
-        "OB 2nd/3rd trimester",
-        "Thyroid",
-        "Scrotum",
-        "Carotid (bilateral)",
-        "LE venous (bilateral)",
-        "Aorta (AAA)"
-      ],
-      "contrast_options": ["None"],
-      "laterality": ["N/A", "Left", "Right", "Bilateral"],
-      "contexts": ["Acute", "Screening", "Surveillance", "Follow-up"],
-      "conditions": [
-        "RUQ pain/gallstones",
-        "Liver disease/abnormal LFTs",
-        "Hydronephrosis",
-        "Hematuria",
-        "AUB",
-        "Pelvic pain",
-        "Early pregnancy viability",
-        "Thyroid nodule",
-        "Scrotal pain",
-        "DVT",
-        "TIA/bruit",
-        "AAA screening"
-      ],
-      "icd10": [
-        "R10.11",
-        "K80.20",
-        "K76.0",
-        "K74.60",
-        "N13.30",
-        "R31.9",
-        "N93.9",
-        "R10.2",
-        "Z32.01",
-        "E04.1",
-        "N50.89",
-        "I82.4Z3",
-        "I65.23",
-        "Z13.6"
-      ],
-      "common_cpt": ["76700", "76705", "76770", "76856", "76830", "76801", "76805", "76536", "76870", "93880", "93970", "76706"],
-      "cpt_map": {
-        "Abdomen | Abdomen complete | None": ["76700"],
-        "Abdomen | RUQ | None": ["76705"],
-        "Renal | Renal | None": ["76770"],
-        "Pelvis | Pelvis (TA+TV) | None": ["76856", "76830"],
-        "OB | OB 1st trimester | None": ["76801"],
-        "OB | OB 2nd/3rd trimester | None": ["76805"],
-        "Small parts | Thyroid | None": ["76536"],
-        "Small parts | Scrotum | None": ["76870"],
-        "Vascular - carotid | Carotid (bilateral) | None": ["93880"],
-        "Vascular - venous LE | LE venous (bilateral) | None": ["93970"],
-        "Aorta (AAA) | Aorta (AAA) | None": ["76706"]
-      }
-    },
-
-    "Mammography": {
-      "regions": ["Breast"],
-      "body_parts": ["Screening mammogram", "Diagnostic mammogram"],
-      "contrast_options": ["None"],
-      "laterality": ["N/A", "Left", "Right", "Bilateral"],
-      "contexts": ["Screening", "Diagnostic"],
-      "conditions": ["Dense breasts", "Abnormal screening", "Palpable mass", "Breast pain", "Nipple discharge"],
-      "icd10": ["R92.30", "R92.8", "N63.0", "N64.4", "N64.52", "Z12.31"],
-      "common_cpt": ["77067", "77066"],
-      "cpt_map": {
-        "Breast | Screening mammogram | None": ["77067"],
-        "Breast | Diagnostic mammogram | None": ["77066"]
-      }
-    },
-
-    "DEXA": {
-      "regions": ["Axial"],
-      "body_parts": ["Axial skeleton"],
-      "contrast_options": ["None"],
-      "laterality": ["N/A"],
-      "contexts": ["Screening", "Follow-up"],
-      "conditions": ["Osteopenia", "Osteoporosis"],
-      "icd10": ["M85.80", "M81.0", "Z13.820"],
-      "common_cpt": ["77080"],
-      "cpt_map": {
-        "Axial | Axial skeleton | None": ["77080"]
-      }
-    },
-
-    "Nuclear Medicine": {
-      "regions": ["Whole body", "Hepatobiliary", "Renal", "Thyroid", "Bone", "GI bleed"],
-      "body_parts": ["Bone scan (WB)", "HIDA (+/- EF)", "Renogram", "Thyroid scan", "GI bleed scan"],
-      "contrast_options": ["None"],
-      "laterality": ["N/A"],
-      "contexts": ["Staging", "Evaluation", "Follow-up"],
-      "conditions": ["Metastatic disease", "Cholecystitis", "Biliary dyskinesia", "Obstruction", "Hyperthyroidism", "Occult GI bleed"],
-      "icd10": ["C79.9", "K81.0", "K82.8", "N13.9", "E05.90", "K92.2"],
-      "common_cpt": ["78306", "78320", "78226", "78227", "78707", "78014", "78278"],
-      "cpt_map": {
-        "Whole body | Bone scan (WB) | None": ["78306", "78320"],
-        "Hepatobiliary | HIDA (+/- EF) | None": ["78226", "78227"],
-        "Renal | Renogram | None": ["78707"],
-        "Thyroid | Thyroid scan | None": ["78014"],
-        "GI bleed | GI bleed scan | None": ["78278"]
-      }
-    }
-  },
-
-  "icd10_catalog": [
-    "Z01.818",
-    "Z12.31",
-    "R10.9",
-    "R07.9",
-    "R06.02",
-    "R05.9",
-    "R91.1",
-    "R31.9",
-    "C80.1",
-    "C34.90",
-    "C18.9",
-    "C43.9",
-    "C61",
-    "C83.30",
-    "C79.51",
-    "I26.99",
-    "I71.00",
-    "I65.23",
-    "I25.10",
-    "G35",
-    "G40.909",
-    "G30.9",
-    "G31.09",
-    "M54.16",
-    "M48.061",
-    "M86.9",
-    "M19.90",
-    "K56.60",
-    "K57.30",
-    "K85.90",
-    "K80.20",
-    "K74.60",
-    "K76.0",
-    "N13.30",
-    "N28.89",
-    "N93.9",
-    "N80.9",
-    "D25.9",
-    "Z13.6"
-  ]
-}
-
+    "schema_version":  null,
+    "generated_at":  "2025-09-19",
+    "modalities":  {
 
+                   }
+}
\ No newline at end of file
diff --git a/order-helper/index.html b/order-helper/index.html
index b0edc98..e0e9c99 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -2,23 +2,22 @@
 layout: default
 title: OraDigit Order Helper
 permalink: /order-helper/
-description: Evidence-based PET/CT, CT, MRI, US, X-Ray — structured order helper with validation and PDF export. No PHI. Educational use only.
+description: Evidence-based PET/CT, CT, and MRI order helper with validation and export. No PHI. Educational use only.
 ---
 
 <!-- Page-scoped assets & config -->
-<link rel="stylesheet" href="{{ '/order-helper/style.css' | relative_url }}?v=20250913" />
-<meta name="oh-rules-path" content="{{ '/order-helper/data/rules.json' | relative_url }}?v=20250913" />
-<meta name="oh-version" content="20250913" />
+<link rel="stylesheet" href="{{ '/order-helper/style.css' | relative_url }}?v=20250904">
+<meta name="oh-rules-path" content="{{ '/order-helper/data/rules.json' | relative_url }}?v=20250904">
+<meta name="oh-version" content="20250904">
 
 <!-- Error beacon: surface JS errors in the status bar -->
 <script>
   window.addEventListener('error', e => {
     const s = document.getElementById('status');
-    if (s) { s.textContent = 'JavaScript error: ' + (e.message || 'Unknown'); s.className = 'oh-status error'; }
-  });
-  window.addEventListener('unhandledrejection', e => {
-    const s = document.getElementById('status');
-    if (s) { s.textContent = 'App error: ' + (e.reason?.message || e.reason || 'Unknown'); s.className = 'oh-status error'; }
+    if (s) {
+      s.textContent = 'JavaScript error: ' + (e.message || 'Unknown');
+      s.className = 'status error';
+    }
   });
 </script>
 
@@ -29,200 +28,255 @@
     if (!s) return;
     try {
       const url = document.querySelector('meta[name="oh-rules-path"]')?.content;
-      if (!url) { s.textContent = 'Missing oh-rules-path meta.'; s.className = 'oh-status error'; return; }
+      if (!url) { s.textContent = 'Missing oh-rules-path meta.'; s.className = 'status error'; return; }
       s.textContent = 'Boot check… fetching rules…';
       const r = await fetch(url, { cache: 'no-store' });
-      if (r.ok) { s.textContent = 'Boot check OK. Loading app…'; s.className = 'oh-status success'; }
-      else { s.textContent = `Rules fetch failed (${r.status}). Check path/case: ` + url; s.className = 'oh-status error'; }
+      if (r.ok) { s.textContent = 'Boot check OK. Loading app…'; s.className = 'status success'; }
+      else { s.textContent = `Rules fetch failed (${r.status}). Check path/case: ` + url; s.className = 'status error'; }
     } catch (e) {
       s.textContent = 'Rules fetch error: ' + e.message;
-      s.className = 'oh-status error';
+      s.className = 'status error';
     }
   });
 </script>
 
-<section class="oh-hero">
-  <div class="container">
+<section class="order-helper container" aria-labelledby="oh-title">
+  <header class="oh-header">
     <h1 id="oh-title">OraDigit Order Helper</h1>
-    <p class="sub">
-      Structure payer-ready imaging orders. Select modality and context; we’ll generate a professional
-      clinical indication, show prep/flags, and export a PDF. All client-side. No PHI.
+    <p class="lead">
+      Structure clear, payer-ready imaging orders. Select modality and context; we’ll generate
+      a professional clinical indication and surface prep/flags. All client-side. No PHI.
     </p>
-    <div id="status" class="oh-status" role="status" aria-live="polite">Initializing…</div>
-    <div id="dbg" class="oh-dbg" aria-hidden="true"></div>
-  </div>
-</section>
+    <div id="status" class="status" role="status" aria-live="polite"></div>
+    <div id="rulesErrors" class="status error" style="display:none"></div>
+  </header>
 
-<section class="oh-app container" aria-labelledby="oh-title" aria-label="Order Helper form">
   <div class="oh-grid">
     <!-- ================= LEFT: FORM ================= -->
-    <form id="orderForm" class="oh-card" autocomplete="off" novalidate>
+    <form id="orderForm" class="oh-form" novalidate>
       <!-- Modality -->
-      <div class="oh-row">
+      <div class="field">
         <label for="modality">Modality <span aria-hidden="true">*</span></label>
         <select id="modality" name="modality" required>
-          <option value="" disabled selected>Select modality…</option>
-          <!-- options populated by app.js from rules.json -->
+          <option value="">Select…</option>
+          <option value="PET/CT" selected>PET/CT</option>
+          <option value="CT">CT</option>
+          <option value="MRI">MRI</option>
         </select>
-        <small class="hint">Regions, body parts, contrast, and contexts adapt to your selection.</small>
+        <small class="hint">Regions, contexts, and conditions adapt to your selection.</small>
       </div>
 
-      <!-- Region + Body Part -->
-      <div class="oh-row two">
-        <div>
-          <label for="region">Region <span aria-hidden="true">*</span></label>
-          <select id="region" name="region" required>
-            <option value="" disabled selected>Select region…</option>
-          </select>
-        </div>
-        <div>
-          <label for="bodyPart">Body Part <span aria-hidden="true">*</span></label>
-          <select id="bodyPart" name="bodyPart" required>
-            <option value="" disabled selected>Select body part…</option>
-          </select>
-        </div>
+      <!-- Region -->
+      <div class="field">
+        <label for="region">Region <span aria-hidden="true">*</span></label>
+        <select id="region" name="region" required></select>
       </div>
 
-      <!-- Contrast + Laterality -->
-      <div class="oh-row two">
-        <div>
-          <label for="contrast">Contrast</label>
-          <select id="contrast" name="contrast">
-            <option value="" disabled selected>Select contrast…</option>
-          </select>
-        </div>
-        <div>
-          <label for="laterality">Laterality</label>
-          <select id="laterality" name="laterality">
-            <option value="" disabled selected>Select laterality…</option>
-          </select>
-        </div>
-      </div>
+      <!-- Context (chips UI expected by app.js) -->
+      <div class="field">
+        <label>Context <span aria-hidden="true">*</span></label>
 
-      <!-- Context + Urgency -->
-      <div class="oh-row two">
-        <div>
-          <label for="context">Clinical Context</label>
-          <select id="context" name="context">
-            <option value="" disabled selected>Select context…</option>
-          </select>
-          <small class="hint">e.g., Staging, Restaging, Treatment response, Surveillance, Acute</small>
-        </div>
-        <div>
-          <label for="urgency">Urgency</label>
-          <select id="urgency" name="urgency">
-            <option value="Routine" selected>Routine</option>
-            <option value="Urgent">Urgent</option>
-            <option value="STAT">STAT</option>
-          </select>
-        </div>
-      </div>
+        <!-- Chips rendered dynamically by app.js -->
+        <div id="contextChips" class="oh-chips" role="group" aria-label="Context"></div>
 
-      <!-- Condition + ICD-10 -->
-      <div class="oh-row two">
-        <div>
-          <label for="condition">Condition (structured)</label>
-          <input id="condition" name="condition" list="conditionList" placeholder="e.g., NSCLC, stroke, appendicitis" />
-          <datalist id="conditionList"></datalist>
-        </div>
-        <div>
-          <label for="icd10">ICD-10</label>
-          <input id="icd10" name="icd10" list="icdList" placeholder="e.g., C34.90" />
-          <datalist id="icdList"></datalist>
-        </div>
-      </div>
+        <!-- Hidden mirror for compatibility (app.js keeps in sync) -->
+        <select id="context" name="context" multiple hidden></select>
 
-      <!-- CPT (suggested) -->
-      <div class="oh-row">
-        <label for="cpt">CPT (suggested)</label>
-        <select id="cpt" name="cpt">
-          <option value="" disabled selected>Suggested CPT…</option>
-        </select>
+        <small class="hint">Click one or more (e.g., staging, restaging, surveillance, acute, follow-up).</small>
       </div>
 
-      <!-- Indication -->
-      <div class="oh-row">
-        <label for="indication">Clinical Indication (free text)</label>
-        <textarea id="indication" name="indication" rows="3" placeholder="Auto-generated (you can edit)…"></textarea>
+      <!-- Condition (with datalist suggestions) -->
+      <div class="field">
+        <label for="condition">Condition</label>
+        <input id="condition" name="condition" list="conditionList" placeholder="e.g., NSCLC, renal colic, PE, appendicitis"/>
+        <datalist id="conditionList"></datalist>
+        <small class="hint">Start typing to see common conditions for the chosen modality.</small>
       </div>
 
-      <!-- Safety / Special -->
-      <div class="oh-row two">
-        <div>
-          <label for="pregnant">Pregnancy status</label>
-          <select id="pregnant" name="pregnant">
-            <option value="Unknown" selected>Unknown</option>
-            <option value="No">No</option>
-            <option value="Yes">Yes</option>
-            <option value="Not applicable">Not applicable</option>
-          </select>
-        </div>
-        <div>
-          <label for="creatinineDate">Most recent creatinine (date)</label>
-          <input id="creatinineDate" name="creatinineDate" type="date" placeholder="mm/dd/yyyy" />
-        </div>
-      </div>
+      <!-- Contrast (CT only; shown/hidden by JS) -->
+      <fieldset id="contrastGroup" class="oh-contrast hidden">
+        <legend>CT Contrast</legend>
+        <label class="inline"><input type="radio" name="contrast" value="with_iv"> With IV contrast</label>
+        <label class="inline"><input type="radio" name="contrast" value="without_iv"> Without IV contrast</label>
+        <label class="inline"><input type="checkbox" id="oralContrast" value="oral"> Add oral contrast (abd/pelvis)</label>
+        <small class="hint">We’ll auto-suggest based on condition (e.g., “renal colic” → without IV; “PE/CTA” → with IV).</small>
+      </fieldset>
 
-      <div class="oh-row">
-        <label for="allergies">Allergies / Precautions</label>
-        <textarea id="allergies" name="allergies" rows="2" placeholder="e.g., contrast allergy; premed needed"></textarea>
+      <!-- Indication (auto-built but editable) -->
+      <div class="field">
+        <label for="indication">Clinical Indication</label>
+        <textarea id="indication" name="indication" rows="3"
+          placeholder="Auto-generated (you can edit)…"></textarea>
       </div>
 
-      <div class="oh-row">
-        <label for="special">Special Instructions</label>
-        <input id="special" name="special" placeholder="e.g., sedation, interpreter, infection precautions" />
-      </div>
-
-      <!-- Actions -->
-      <div class="oh-actions">
-        <button type="button" id="btnSuggest" class="btn">Suggest Reason</button>
-        <button type="button" id="btnCopy" class="btn btn-secondary">Copy</button>
-        <button type="button" id="btnShare" class="btn btn-outline">Share</button>
-        <button type="button" id="btnReset" class="btn btn-warning">Reset</button>
-        <button type="submit" id="btnSubmit" class="btn btn-primary">Submit & Export PDF</button>
+      <div class="actions">
+        <button type="submit" class="btn-primary">Suggest Order</button>
+        <button type="button" id="copyIndication" class="btn-ghost" aria-label="Copy clinical indication">Copy Indication</button>
+        <span id="errMsg" role="alert" class="muted"></span>
+        <div id="dbg" aria-live="polite" class="muted" style="font-size:12px"></div>
       </div>
     </form>
 
-    <!-- ================= RIGHT: ORDER REVIEW ================= -->
-    <aside class="oh-card review" aria-label="Order review">
-      <div class="oh-review-header">
-        <h2>Order Review</h2>
-        <div class="oh-review-actions">
-          <button id="btnCopy" class="icon-btn" title="Copy to clipboard">📋</button>
-          <button id="btnShare" class="icon-btn" title="Share">🔗</button>
+    <!-- ================= RIGHT: PREVIEW / SUGGESTIONS ================= -->
+    <aside class="oh-aside" aria-label="Order preview and suggestions">
+      <div class="card">
+        <h2>Order Preview</h2>
+        <div class="preview">
+          <div><strong>Modality:</strong> <span id="pv-modality">—</span></div>
+          <div><strong>Region:</strong> <span id="pv-region">—</span></div>
+          <div><strong>Context:</strong> <span id="pv-context">—</span></div>
+          <div><strong>Condition:</strong> <span id="pv-condition">—</span></div>
+          <div><strong>Contrast:</strong> <span id="pv-contrast">—</span></div>
+          <hr>
+          <div><strong>Clinical Indication</strong></div>
+          <pre id="pv-indication" class="indication-box">—</pre>
         </div>
       </div>
-      <pre id="review" class="oh-review">Select options to build the order…</pre>
+
+      <div class="card">
+        <h2>Suggested Studies</h2>
+        <ul id="suggestions" class="suggest-list" aria-live="polite">
+          <li class="muted">Suggestions will appear when available.</li>
+        </ul>
+      </div>
     </aside>
   </div>
 
-  <p class="oh-disclaimer">Do not enter PHI beyond what is clinically required. This tool supports ordering but does not replace clinical judgment.</p>
+  <!-- ================= RESULTS (filled by app.js) ================= -->
+  <section id="results" hidden style="margin-top:16px">
+    <h2 id="outHeader"></h2>
+
+    <label class="oh-label" for="outReason">Reason for exam</label>
+    <textarea id="outReason" class="oh-input" rows="3"></textarea>
+
+    <div class="oh-grid" style="margin-top:12px">
+      <div>
+        <h3>Prep / Contraindications</h3>
+        <ul id="outPrep"></ul>
+      </div>
+      <div>
+        <h3>Supporting Docs</h3>
+        <ul id="outDocs"></ul>
+      </div>
+      <div>
+        <h3>Clinical Flags</h3>
+        <ul id="outFlags"></ul>
+      </div>
+      <div>
+        <h3>ICD-10 Suggestions</h3>
+        <ul id="outICD"></ul>
+      </div>
+    </div>
+
+    <div class="actions">
+      <button id="copyReasonBtn" type="button" class="btn btn-light">Copy Reason</button>
+      <button id="copyAllBtn" type="button" class="btn btn-secondary">Copy All</button>
+      <button id="printBtn" type="button" class="btn btn-tertiary">Print</button>
+    </div>
+  </section>
+
+  <!-- Hidden by default; enable via /order-helper/?debug=1 -->
+  <details id="rulesInfo" style="margin-top:1rem" hidden>
+    <summary>What rules are applied?</summary>
+    <p>
+      Rules load from <code>/order-helper/data/rules.json</code>. You can update that file anytime
+      (no code changes). The selector scores by keywords, context, and region; if weak, it falls
+      back to generic oncology tags.
+    </p>
+  </details>
+  <script>
+    if (new URLSearchParams(location.search).get('debug') === '1') {
+      const d = document.getElementById('rulesInfo'); if (d) d.hidden = false;
+    }
+  </script>
+
+  <noscript>
+    <p class="status error">JavaScript is required for the Order Helper to function.</p>
+  </noscript>
 </section>
 
-<!-- Optional Firebase (Compat) — only used if you provide window.ORADIGIT_FIREBASE_CONFIG -->
+<!-- Firebase (Compat CDN) - optional -->
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js" defer></script>
+
+<!-- Lightweight auto-init (only runs if you define window.ORADIGIT_FIREBASE_CONFIG site-wide) -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
     try {
       if (window.ORADIGIT_FIREBASE_CONFIG && !window.firebase?.apps?.length) {
         firebase.initializeApp(window.ORADIGIT_FIREBASE_CONFIG);
-        window.OH_FIREBASE = { app: firebase.app(), auth: firebase.auth(), db: firebase.firestore() };
+        window.OH_FIREBASE = {
+          app: firebase.app(),
+          auth: firebase.auth(),
+          db: firebase.firestore()
+        };
         const s = document.getElementById('status');
-        if (s) { s.textContent = 'Firebase ready.'; s.className = 'oh-status success'; }
+        if (s) { s.textContent = 'Firebase ready.'; s.className = 'status success'; }
       }
     } catch (e) {
       const s = document.getElementById('status');
-      if (s) { s.textContent = 'Firebase failed to initialize. Check your config.'; s.className = 'oh-status warn'; }
+      if (s) { s.textContent = 'Firebase failed to initialize. Check your config.'; s.className = 'status warn'; }
       console.warn('Firebase init error:', e);
     }
   });
 </script>
 
-<!-- PDF generator (client-side) -->
-<script src="https://cdn.jsdelivr.net/npm/jspdf@2.5.1/dist/jspdf.umd.min.js" defer></script>
+<!-- Tiny UX helpers (keeps the preview in sync; app.js handles business logic) -->
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const $ = (s) => document.querySelector(s);
+    const form = $('#orderForm');
+
+    // Keep preview in sync with the form & chips
+    const syncPreview = () => {
+      const $s = (sel) => document.querySelector(sel);
+      $s('#pv-modality').textContent  = $s('#modality')?.value || '—';
+      $s('#pv-region').textContent    = $s('#region')?.value || '—';
+
+      // Read from the hidden <select multiple> that mirrors the chips
+      const ctxOpt = Array.from(document.querySelectorAll('#context option:checked')).map(o => o.value);
+      $s('#pv-context').textContent   = ctxOpt.length ? ctxOpt.join(', ') : '—';
+
+      $s('#pv-condition').textContent = $s('#condition')?.value || '—';
+
+      const grp = document.getElementById('contrastGroup');
+      if (grp && !grp.classList.contains('hidden')) {
+        const r = grp.querySelector('input[type=radio]:checked');
+        const oral = document.getElementById('oralContrast')?.checked;
+        let txt = r ? (r.value === 'with_iv' ? 'With IV contrast' : 'Without IV contrast') : '—';
+        if (oral) txt += ' + oral';
+        $s('#pv-contrast').textContent = txt;
+      } else {
+        $s('#pv-contrast').textContent = '—';
+      }
+
+      $s('#pv-indication').textContent = $s('#indication')?.value?.trim() || '—';
+    };
+
+    ['change','input','click'].forEach(evt => {
+      form.addEventListener(evt, syncPreview, true);
+    });
+
+    // Copy indication button
+    $('#copyIndication')?.addEventListener('click', async () => {
+      const text = $('#indication')?.value || '';
+      if (!text.trim()) return;
+      try {
+        await navigator.clipboard.writeText(text.trim());
+        const s = document.getElementById('status');
+        if (s) { s.textContent = 'Clinical indication copied to clipboard.'; s.className='status success'; }
+      } catch {
+        const s = document.getElementById('status');
+        if (s) { s.textContent = 'Unable to copy. Please select and copy manually.'; s.className='status warn'; }
+      }
+    });
+
+    // Initial render
+    syncPreview();
+  });
+</script>
+
+<!-- App logic (must be last so helpers & probes are ready) -->
+<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250904"></script>
 
-<!-- App logic (keep last so DOM exists) -->
-<script defer src="{{ '/order-helper/firebase-config.js' | relative_url }}?v=20250913"></script>
-<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250913"></script>
diff --git a/order-helper/style.css b/order-helper/style.css
index e7aafcb..5e9c0f4 100644
--- a/order-helper/style.css
+++ b/order-helper/style.css
@@ -1,5 +1,5 @@
 /* =========================================================
-   OraDigit Order Helper — Professional UI
+   OraDigit Order Helper G�� Professional UI
    - Namespaced styles (.oh-*)
    - Light/Dark themes (prefers-color-scheme)
    - Accessible focus, high-contrast text, large targets
@@ -361,7 +361,7 @@ textarea {
   font: inherit;
 }
 
-/* Placeholder / first disabled option (the “Select …” row) */
+/* Placeholder / first disabled option (the GǣSelect GǪGǥ row) */
 select option[disabled],
 select option[value=""],
 input::placeholder,
@@ -392,3 +392,182 @@ textarea:disabled {
 
 /* Status bar should never hide behind anything */
 .oh-status, #status { z-index: 2; }
+
+/* --- appended from feat/order-helper-step5 --- */
+
+/* OraDigit Order Helper G�� scoped styles (v2) */
+:root {
+  --oh-bg: #fff;
+  --oh-fg: #111827;
+  --oh-muted: #6b7280;
+  --oh-border: #e5e7eb;
+  --oh-accent: #2563eb;
+  --oh-accent-600: #1d4ed8;
+  --oh-chip-bg: #f3f4f6;
+  --oh-chip-active: #e0ecff;
+  --oh-card-bg: #ffffff;
+  --oh-card-shadow: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.1);
+  --oh-success: #16a34a;
+  --oh-warn: #b45309;
+  --oh-error: #b91c1c;
+}
+
+/* Page wrapper */
+.order-helper.container {
+  max-width: 1280px;           /* wider page */
+  padding-top: 1.25rem;
+  padding-bottom: 2.5rem;
+  color: var(--oh-fg);
+}
+
+.oh-header h1 {
+  font-size: 1.85rem;
+  line-height: 1.2;
+  margin-bottom: .25rem;
+}
+.oh-header .lead {
+  color: var(--oh-muted);
+  margin-bottom: .75rem;
+  max-width: 70ch;
+}
+.status {
+  font-size: .95rem;
+  padding: .55rem .8rem;
+  border: 1px solid var(--oh-border);
+  border-radius: .5rem;
+  background: #f9fafb;
+  color: var(--oh-muted);
+}
+.status.success { border-color: #dcfce7; color: var(--oh-success); background:#f0fdf4; }
+.status.warn    { border-color: #fee2e2; color: var(--oh-warn);    background:#fffbeb; }
+.status.error   { border-color: #fecaca; color: var(--oh-error);   background:#fef2f2; }
+
+/* Grid layout */
+.oh-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .9fr); /* more space */
+  gap: 2rem;                      /* more breathing room */
+  align-items: start;
+  margin-top: 1.25rem;
+}
+@media (max-width: 980px) {
+  .oh-grid { grid-template-columns: 1fr; }
+}
+
+/* Cards */
+.card {
+  background: var(--oh-card-bg);
+  border: 1px solid var(--oh-border);
+  border-radius: .75rem;
+  box-shadow: var(--oh-card-shadow);
+  padding: 1rem;
+}
+.card h2 {
+  font-size: 1.15rem;
+  margin-bottom: .6rem;
+}
+
+/* Form area */
+.oh-form .field { margin-bottom: 1.05rem; }
+.oh-form label, .oh-form legend {
+  display: block; font-weight: 600; margin-bottom: .4rem;
+}
+.oh-form .hint { color: var(--oh-muted); font-size: .87rem; margin-top: .3rem; }
+
+.oh-form input[type="text"],
+.oh-form textarea,
+.oh-form select {
+  width: 100%;
+  border: 1px solid var(--oh-border);
+  border-radius: .6rem;
+  padding: .72rem .8rem;          /* larger hit target */
+  font-size: 1rem;                /* bigger text */
+  background: #fff;
+}
+.oh-form textarea { min-height: 132px; resize: vertical; }
+
+/* CT contrast */
+.oh-contrast {
+  border: 1px dashed var(--oh-border);
+  border-radius: .6rem;
+  padding: .7rem .8rem .35rem;
+  background: #fcfcfd;
+}
+.oh-contrast legend { font-size: .98rem; padding: 0 .25rem; }
+.oh-contrast .inline {
+  display: inline-flex; align-items: center; gap: .45rem;
+  margin-right: 1rem; margin-bottom: .4rem; font-weight: 500;
+}
+
+/* Chips */
+.oh-chips { display: flex; flex-wrap: wrap; gap: .55rem; }
+.oh-chip {
+  appearance: none; border: 1px solid var(--oh-border);
+  background: var(--oh-chip-bg); padding: .5rem .7rem;
+  border-radius: 999px; font-size: .95rem; cursor: pointer;
+  transition: background .15s, border-color .15s, box-shadow .15s;
+}
+.oh-chip[aria-pressed="true"] {
+  background: var(--oh-chip-active);
+  border-color: var(--oh-accent);
+  box-shadow: 0 0 0 2px rgba(37,99,235,.15) inset;
+}
+
+/* Actions */
+.actions {
+  display: flex; flex-wrap: wrap; align-items: center;
+  gap: .6rem .7rem; margin-top: .4rem;
+}
+.btn-primary, .btn-ghost, .btn, .btn-secondary, .btn-tertiary, .btn-light {
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: .55rem; border: 1px solid transparent;
+  padding: .7rem .95rem; font-weight: 600; cursor: pointer;
+  font-size: .98rem; text-decoration: none;
+}
+.btn-primary { background: var(--oh-accent); color: #fff; }
+.btn-primary:hover { background: var(--oh-accent-600); }
+.btn-ghost   { background: #fff; color: var(--oh-accent); border-color: var(--oh-accent); }
+.btn-ghost:hover { background: #f0f7ff; }
+.btn-secondary { background:#111827; color:#fff; }
+.btn-tertiary  { background:#f3f4f6; color:#111827; }
+.btn-light     { background:#f9fafb; color:#111827; }
+
+/* Right column content */
+.preview { display: grid; gap: .45rem; font-size: 1rem; }
+.preview hr { border: none; border-top: 1px solid var(--oh-border); margin: .55rem 0; }
+.indication-box {
+  background: #0b10251a; border: 1px solid var(--oh-border);
+  border-radius: .6rem; padding: .7rem .8rem;
+  white-space: pre-wrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+  font-size: .93rem;
+}
+
+/* Suggestions list */
+.suggest-list {
+  list-style: none; padding-left: 0; margin: 0; display: grid; gap: .6rem;
+}
+.suggest-list li {
+  padding: .7rem .8rem; border: 1px solid var(--oh-border);
+  border-radius: .6rem; background: #fff;
+}
+.suggest-list li .muted, .muted { color: var(--oh-muted); }
+
+/* Results */
+#results {
+  border: 1px solid var(--oh-border); border-radius: .8rem;
+  padding: 1.05rem; background: #fff;
+}
+#results h2 { font-size: 1.15rem; margin-bottom: .55rem; }
+.oh-label { font-weight: 600; margin: .4rem 0; display:block; }
+.oh-input { width: 100%; }
+
+/* Utilities */
+.hidden { display: none !important; }
+
+/* Print */
+@media print {
+  .main-header, nav, .actions, .oh-chips, .status, .cookie-banner { display:none !important; }
+  body { color: #000; }
+  #results { border: none; box-shadow: none; }
+}