ltcai 4.0.1 → 4.1.0

package/static/v3/css/lattice.tokens.css

@@ -1,135 +0,0 @@
-/* ============================================================================
- * Lattice AI v3.3.1 — Structural Design Tokens
- *
- * This layer sits ON TOP of /static/css/tokens.css (the color single-source).
- * It adds the NON-COLOR structure of the v3 system — spacing, type scale,
- * radii, elevation, motion, z-index, layout rails — plus a small set of v3
- * SEMANTIC aliases that map the product's "retrieval lattice" identity
- * (Knowledge Graph · Vector Index · Hybrid Search) onto the existing
- * theme-aware color tokens. No raw colors are introduced for surfaces/text;
- * everything dark/light-aware flows from tokens.css.
- *
- * Rule: v3 component CSS uses only var(--lt3-*) or the inherited var(--*)
- *       semantic color tokens. Never hard-code a hex for a themed surface.
- * ========================================================================== */
-
-:root {
-  /* ── Type families ──────────────────────────────────────────────────── */
-  --lt3-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-  --lt3-font-mono: "SFMono-Regular", "JetBrains Mono", ui-monospace, "Cascadia Code",
-                   Menlo, Consolas, monospace;
-
-  /* ── Type scale (fluid-ish, fixed for predictability) ───────────────── */
-  --lt3-text-2xs: 0.6875rem;  /* 11px — metadata, kbd */
-  --lt3-text-xs:  0.75rem;    /* 12px — labels, captions */
-  --lt3-text-sm:  0.8125rem;  /* 13px — dense body, table */
-  --lt3-text-md:  0.9375rem;  /* 15px — body */
-  --lt3-text-lg:  1.0625rem;  /* 17px — lead */
-  --lt3-text-xl:  1.375rem;   /* 22px — section title */
-  --lt3-text-2xl: 1.75rem;    /* 28px — view title */
-  --lt3-text-3xl: 2.25rem;    /* 36px — hero */
-  --lt3-text-4xl: 3rem;       /* 48px — display */
-
-  --lt3-leading-tight: 1.18;
-  --lt3-leading-snug:  1.35;
-  --lt3-leading-normal: 1.55;
-
-  --lt3-weight-normal: 400;
-  --lt3-weight-medium: 500;
-  --lt3-weight-semi:   600;
-  --lt3-weight-bold:   700;
-  --lt3-weight-black:  800;
-
-  --lt3-tracking-tight: 0;
-  --lt3-tracking-wide:  0;
-  --lt3-tracking-caps:  0;   /* eyebrow / section labels */
-
-  /* ── Spacing scale (4pt base) ───────────────────────────────────────── */
-  --lt3-space-0:  0;
-  --lt3-space-1:  0.25rem;  /* 4 */
-  --lt3-space-2:  0.5rem;   /* 8 */
-  --lt3-space-3:  0.75rem;  /* 12 */
-  --lt3-space-4:  1rem;     /* 16 */
-  --lt3-space-5:  1.5rem;   /* 24 */
-  --lt3-space-6:  2rem;     /* 32 */
-  --lt3-space-7:  2.5rem;   /* 40 */
-  --lt3-space-8:  3rem;     /* 48 */
-  --lt3-space-9:  4rem;     /* 64 */
-
-  /* ── Radii ──────────────────────────────────────────────────────────── */
-  --lt3-radius-xs: 4px;
-  --lt3-radius-sm: 6px;
-  --lt3-radius-md: 8px;
-  --lt3-radius-lg: 8px;
-  --lt3-radius-xl: 8px;
-  --lt3-radius-pill: 999px;
-
-  /* ── Elevation (theme-aware via inherited --shadow*) ────────────────── */
-  --lt3-elev-0: none;
-  --lt3-elev-1: var(--shadow-sm);
-  --lt3-elev-2: var(--shadow);
-  --lt3-elev-3: 0 28px 70px rgba(30, 36, 48, 0.18);
-
-  /* ── Motion ─────────────────────────────────────────────────────────── */
-  --lt3-ease: var(--lt-motion-ease, cubic-bezier(0.22, 1, 0.36, 1));
-  --lt3-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
-  --lt3-dur-1: 90ms;
-  --lt3-dur-2: 160ms;
-  --lt3-dur-3: 240ms;
-  --lt3-dur-4: 420ms;
-
-  /* ── Z-index ────────────────────────────────────────────────────────── */
-  --lt3-z-rail: 40;
-  --lt3-z-topbar: 50;
-  --lt3-z-drawer: 60;
-  --lt3-z-scrim: 70;
-  --lt3-z-palette: 90;
-  --lt3-z-toast: 100;
-
-  /* ── Layout rails ───────────────────────────────────────────────────── */
-  --lt3-rail-w: 292px;        /* expanded nav rail */
-  --lt3-rail-w-collapsed: 76px;
-  --lt3-topbar-h: 56px;
-  --lt3-content-max: 1360px;
-  --lt3-content-pad: var(--lt3-space-6);
-
-  /* ── Retrieval identity accents (mapped to themed accents) ──────────── */
-  /* Knowledge Graph (structure) · Vector Index (density) · Hybrid (fusion) */
-  --lt3-pillar-graph:  var(--accent);       /* blue — relational structure */
-  --lt3-pillar-vector: var(--accent-2);     /* teal — embeddings field    */
-  --lt3-pillar-hybrid: var(--accent-pink);  /* magenta — fusion of both   */
-
-  /* Text rendered on saturated accent fills (both themes keep accents dark-safe). */
-  --lt3-on-accent: #ffffff;
-  --lt3-pillar-graph-soft:  color-mix(in srgb, var(--lt3-pillar-graph) 14%, transparent);
-  --lt3-pillar-vector-soft: color-mix(in srgb, var(--lt3-pillar-vector) 16%, transparent);
-  --lt3-pillar-hybrid-soft: color-mix(in srgb, var(--lt3-pillar-hybrid) 16%, transparent);
-
-  /* ── Lattice motif (background mesh) ────────────────────────────────── */
-  --lt3-mesh-line: color-mix(in srgb, var(--accent) 8%, transparent);
-  --lt3-mesh-node: color-mix(in srgb, var(--accent-2) 22%, transparent);
-  --lt3-mesh-size: 46px;
-
-  /* ── Status surfaces (themed, derived) ──────────────────────────────── */
-  --lt3-ok:   var(--success);
-  --lt3-warn: var(--warning);
-  --lt3-err:  var(--danger);
-  --lt3-ok-soft:   color-mix(in srgb, var(--success) 16%, transparent);
-  --lt3-warn-soft: color-mix(in srgb, var(--warning) 18%, transparent);
-  --lt3-err-soft:  color-mix(in srgb, var(--danger) 16%, transparent);
-  --lt3-info-soft: var(--accent-soft);
-}
-
-:root[data-lt-theme="dark"] {
-  --lt3-elev-3: 0 30px 80px rgba(0, 0, 0, 0.58);
-  --lt3-mesh-line: color-mix(in srgb, var(--accent) 16%, transparent);
-  --lt3-mesh-node: color-mix(in srgb, var(--accent-2) 30%, transparent);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root:not([data-lt-theme="light"]):not([data-lt-theme="dark"]) {
-    --lt3-elev-3: 0 30px 80px rgba(0, 0, 0, 0.58);
-    --lt3-mesh-line: color-mix(in srgb, var(--accent) 16%, transparent);
-    --lt3-mesh-node: color-mix(in srgb, var(--accent-2) 30%, transparent);
-  }
-}

package/static/v3/css/lattice.views.0a18b6c5.css

@@ -1,360 +0,0 @@
-/* ============================================================================
- * Lattice AI v3 — View-specific layouts
- * Bespoke compositions that go beyond the generic primitives. Token-native.
- * ========================================================================== */
-
-/* ── Home hero ───────────────────────────────────────────────────────────── */
-.lt3-hero {
-  position: relative;
-  overflow: hidden;
-  display: grid;
-  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
-  gap: var(--lt3-space-6);
-  padding: var(--lt3-space-6);
-  border-radius: var(--lt3-radius-md);
-  background:
-    linear-gradient(90deg, var(--surface) 0%, color-mix(in srgb, var(--surface-2) 62%, var(--surface)) 100%),
-    var(--surface);
-  border: 1px solid var(--border);
-  box-shadow: var(--lt3-elev-1);
-}
-.lt3-hero::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background-image:
-    linear-gradient(var(--lt3-mesh-line) 1px, transparent 1px),
-    linear-gradient(90deg, var(--lt3-mesh-line) 1px, transparent 1px);
-  background-size: calc(var(--lt3-mesh-size) * 0.85) calc(var(--lt3-mesh-size) * 0.85);
-  mask-image: linear-gradient(90deg, transparent, #000 34%, #000 100%);
-}
-.lt3-hero > * { position: relative; z-index: 1; }
-.lt3-hero__eyebrow { display: inline-flex; align-items: center; gap: var(--lt3-space-2); }
-.lt3-hero__title { font-size: var(--lt3-text-3xl); font-weight: var(--lt3-weight-black); letter-spacing: var(--lt3-tracking-tight); margin-top: var(--lt3-space-3); max-width: 22ch; }
-.lt3-hero__sub { font-size: var(--lt3-text-lg); color: var(--muted); margin-top: var(--lt3-space-3); max-width: 56ch; }
-.lt3-hero__actions { display: flex; flex-wrap: wrap; gap: var(--lt3-space-3); margin-top: var(--lt3-space-5); }
-.lt3-hero__aside { display: flex; flex-direction: column; gap: var(--lt3-space-3); }
-
-.lt3-readiness {
-  display: grid;
-  gap: var(--lt3-space-2);
-}
-.lt3-readiness__row {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  align-items: center;
-  gap: var(--lt3-space-3);
-  padding: var(--lt3-space-3);
-  border: 1px solid var(--border);
-  border-radius: var(--lt3-radius-md);
-  background: var(--card);
-}
-.lt3-readiness__icon {
-  display: grid;
-  place-items: center;
-  width: 30px;
-  height: 30px;
-  border-radius: var(--lt3-radius-xs);
-  background: var(--surface-2);
-  color: var(--accent);
-}
-.lt3-readiness__title { font-size: var(--lt3-text-sm); font-weight: var(--lt3-weight-semi); }
-.lt3-readiness__meta { font-size: var(--lt3-text-2xs); color: var(--faint); }
-.lt3-mini-lattice {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: var(--lt3-space-2);
-}
-.lt3-mini-lattice__node {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-height: 88px;
-  padding: var(--lt3-space-3);
-  border-radius: var(--lt3-radius-md);
-  border: 1px solid var(--border);
-  background: var(--surface);
-}
-.lt3-mini-lattice__node b { font-size: var(--lt3-text-sm); }
-.lt3-mini-lattice__node span { font-size: var(--lt3-text-2xs); color: var(--faint); }
-
-.lt3-quickgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--lt3-space-4); }
-.lt3-quick {
-  display: flex; flex-direction: column; gap: var(--lt3-space-2);
-  padding: var(--lt3-space-4);
-  min-height: 132px;
-  border-radius: var(--lt3-radius-md);
-  background: var(--card);
-  border: 1px solid var(--border);
-  transition: transform var(--lt3-dur-2) var(--lt3-ease), border-color var(--lt3-dur-2) var(--lt3-ease);
-}
-.lt3-quick:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); }
-.lt3-quick__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--lt3-radius-md); background: var(--accent-soft); color: var(--accent); }
-.lt3-quick__title { font-size: var(--lt3-text-md); font-weight: var(--lt3-weight-semi); }
-.lt3-quick__desc { font-size: var(--lt3-text-xs); color: var(--muted); }
-
-/* ── Split: explorer + inspector (KG, Files) ─────────────────────────────── */
-.lt3-split {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 360px;
-  gap: var(--lt3-space-5);
-  align-items: start;
-}
-.lt3-split--left { grid-template-columns: 300px minmax(0, 1fr); }
-@media (max-width: 980px) { .lt3-split, .lt3-split--left { grid-template-columns: 1fr; } }
-
-/* ── Knowledge Graph canvas ──────────────────────────────────────────────── */
-.lt3-graph-canvas {
-  position: relative;
-  height: 540px;
-  border-radius: var(--lt3-radius-md);
-  border: 1px solid var(--border);
-  background:
-    radial-gradient(circle at center, var(--graph-grid) 1px, transparent 1.5px),
-    var(--graph-bg);
-  background-size: 26px 26px, cover;
-  overflow: hidden;
-}
-.lt3-graph-canvas svg { width: 100%; height: 100%; display: block; }
-.lt3-graph-legend { display: flex; flex-wrap: wrap; gap: var(--lt3-space-3); }
-.lt3-graph-legend span { display: inline-flex; align-items: center; gap: var(--lt3-space-2); font-size: var(--lt3-text-xs); color: var(--muted); }
-.lt3-graph-legend i { width: 10px; height: 10px; border-radius: 99px; display: inline-block; }
-
-.lt3-gnode { cursor: pointer; transition: opacity var(--lt3-dur-2) var(--lt3-ease); }
-.lt3-gnode circle { stroke: var(--surface); stroke-width: 2; transition: r var(--lt3-dur-2) var(--lt3-ease); }
-.lt3-gnode text { font-size: 11px; fill: var(--text); font-family: var(--lt3-font-sans); pointer-events: none; }
-.lt3-gedge { stroke: var(--border-strong); stroke-width: 1.4; opacity: 0.7; }
-
-.lt3-entity {
-  display: flex; align-items: center; gap: var(--lt3-space-3);
-  padding: var(--lt3-space-3);
-  border-radius: var(--lt3-radius-sm);
-  border: 1px solid var(--border);
-  background: var(--surface);
-  transition: border-color var(--lt3-dur-2) var(--lt3-ease), background var(--lt3-dur-2) var(--lt3-ease);
-  text-align: left; width: 100%;
-}
-.lt3-entity:hover { border-color: var(--border-strong); background: var(--surface-2); }
-.lt3-entity[data-active="true"] { border-color: var(--accent); background: var(--accent-soft); }
-.lt3-entity__type { display: grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: var(--lt3-radius-xs); font-size: 0.95rem; }
-.lt3-entity__body { flex: 1; min-width: 0; }
-.lt3-entity__name { font-size: var(--lt3-text-sm); font-weight: var(--lt3-weight-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.lt3-entity__meta { font-size: var(--lt3-text-2xs); color: var(--faint); }
-
-/* ── Hybrid Search ───────────────────────────────────────────────────────── */
-.lt3-search-hero { display: flex; flex-direction: column; gap: var(--lt3-space-4); }
-.lt3-fusion {
-  display: inline-flex; align-items: center; gap: 0;
-  border-radius: var(--lt3-radius-sm);
-  border: 1px solid var(--border);
-  overflow: hidden;
-}
-.lt3-fusion button {
-  padding: var(--lt3-space-2) var(--lt3-space-4);
-  font-size: var(--lt3-text-xs); font-weight: var(--lt3-weight-semi);
-  color: var(--muted); background: var(--surface);
-  border-right: 1px solid var(--border);
-}
-.lt3-fusion button:last-child { border-right: none; }
-.lt3-fusion button[data-active="true"] { background: var(--accent-soft); color: var(--accent); }
-
-.lt3-result {
-  display: flex; flex-direction: column; gap: var(--lt3-space-2);
-  padding: var(--lt3-space-4);
-  border-radius: var(--lt3-radius-md);
-  border: 1px solid var(--border);
-  background: var(--surface);
-  transition: border-color var(--lt3-dur-2) var(--lt3-ease);
-}
-.lt3-result:hover { border-color: var(--border-strong); }
-.lt3-result__top { display: flex; align-items: center; gap: var(--lt3-space-3); }
-.lt3-result__title { font-size: var(--lt3-text-md); font-weight: var(--lt3-weight-semi); }
-.lt3-result__snippet { font-size: var(--lt3-text-sm); color: var(--muted); }
-.lt3-result__scores { display: flex; gap: var(--lt3-space-4); flex-wrap: wrap; }
-.lt3-score { display: flex; flex-direction: column; gap: 3px; min-width: 120px; }
-.lt3-score__row { display: flex; align-items: center; justify-content: space-between; font-size: var(--lt3-text-2xs); color: var(--faint); }
-.lt3-score__row b { color: var(--text); font-family: var(--lt3-font-mono); }
-
-/* ── Chat (3-pane: conversations · thread · retrieval context) ───────────── */
-.lt3-chat {
-  position: relative;
-  display: grid;
-  grid-template-columns: 280px minmax(0, 1fr) 340px;
-  height: 100%;
-  overflow: hidden;
-}
-
-/* Conversation list rail */
-.lt3-chatlist { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--border); background: var(--sidebar); }
-.lt3-chatlist__head { flex: none; padding: var(--lt3-space-4); border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: var(--lt3-space-3); }
-.lt3-chatlist__items { flex: 1; min-height: 0; overflow-y: auto; padding: var(--lt3-space-2); display: flex; flex-direction: column; gap: 2px; }
-.lt3-convo {
-  display: flex; align-items: center; gap: var(--lt3-space-2);
-  width: 100%; text-align: left;
-  padding: var(--lt3-space-3);
-  border-radius: var(--lt3-radius-sm);
-  color: var(--muted);
-  transition: background var(--lt3-dur-1) var(--lt3-ease), color var(--lt3-dur-1) var(--lt3-ease);
-}
-.lt3-convo:hover { background: var(--surface-2); color: var(--text); }
-.lt3-convo[data-active="true"] { background: var(--accent-soft); color: var(--accent); }
-.lt3-convo__body { flex: 1; min-width: 0; }
-.lt3-convo__title { font-size: var(--lt3-text-sm); font-weight: var(--lt3-weight-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.lt3-convo__meta { font-size: var(--lt3-text-2xs); color: var(--faint); }
-.lt3-convo__del { opacity: 0; flex: none; }
-.lt3-convo:hover .lt3-convo__del, .lt3-convo[data-active="true"] .lt3-convo__del { opacity: 1; }
-
-/* Main thread column */
-.lt3-chat__main { display: flex; flex-direction: column; min-width: 0; height: 100%; }
-.lt3-chat__bar {
-  flex: none; display: flex; align-items: center; gap: var(--lt3-space-3);
-  padding: var(--lt3-space-3) var(--lt3-space-5);
-  border-bottom: 1px solid var(--border);
-  min-height: 54px;
-  background: var(--surface-elevated);
-}
-.lt3-chat__title { font-size: var(--lt3-text-md); font-weight: var(--lt3-weight-semi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.lt3-chat__thread { flex: 1; overflow-y: auto; padding: var(--lt3-space-6); display: flex; flex-direction: column; gap: var(--lt3-space-5); }
-.lt3-chat__thread-inner { width: 100%; max-width: 780px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--lt3-space-5); }
-
-.lt3-msg { display: flex; gap: var(--lt3-space-3); max-width: 100%; }
-.lt3-msg--user { align-self: flex-end; flex-direction: row-reverse; max-width: 90%; }
-.lt3-msg--ai { align-self: flex-start; max-width: 100%; }
-.lt3-msg__avatar { width: 32px; height: 32px; flex: none; border-radius: var(--lt3-radius-sm); display: grid; place-items: center; }
-.lt3-msg--ai .lt3-msg__avatar { background: linear-gradient(135deg, var(--lt3-pillar-graph), var(--lt3-pillar-vector)); color: var(--lt3-on-accent); }
-.lt3-msg--user .lt3-msg__avatar { background: var(--surface-3); color: var(--muted); }
-.lt3-msg__body { min-width: 0; display: flex; flex-direction: column; gap: var(--lt3-space-2); }
-.lt3-msg__bubble { padding: var(--lt3-space-3) var(--lt3-space-4); border-radius: var(--lt3-radius-md); font-size: var(--lt3-text-md); line-height: var(--lt3-leading-normal); white-space: pre-wrap; overflow-wrap: anywhere; }
-.lt3-msg--ai .lt3-msg__bubble { background: var(--surface); border: 1px solid var(--border); }
-.lt3-msg--user .lt3-msg__bubble { background: var(--accent); color: var(--lt3-on-accent); }
-.lt3-msg__cites { display: flex; flex-wrap: wrap; gap: var(--lt3-space-2); }
-.lt3-typing { display: inline-flex; gap: 4px; align-items: center; padding: var(--lt3-space-1) 0; }
-.lt3-typing i { width: 6px; height: 6px; border-radius: 99px; background: var(--faint); animation: lt3-bounce 1s var(--lt3-ease) infinite; }
-.lt3-typing i:nth-child(2) { animation-delay: 0.15s; }
-.lt3-typing i:nth-child(3) { animation-delay: 0.3s; }
-@keyframes lt3-bounce { 0%, 60%, 100% { transform: translateY(0); opacity: 0.5; } 30% { transform: translateY(-4px); opacity: 1; } }
-
-/* Composer */
-.lt3-composer { flex: none; padding: var(--lt3-space-3) var(--lt3-space-6) var(--lt3-space-5); }
-.lt3-composer__inner { max-width: 780px; margin: 0 auto; }
-.lt3-composer__box {
-  display: flex; align-items: flex-end; gap: var(--lt3-space-3);
-  padding: var(--lt3-space-3) var(--lt3-space-3) var(--lt3-space-3) var(--lt3-space-4);
-  border-radius: var(--lt3-radius-md);
-  border: 1px solid var(--border);
-  background: var(--input);
-  transition: border-color var(--lt3-dur-2) var(--lt3-ease), box-shadow var(--lt3-dur-2) var(--lt3-ease);
-}
-.lt3-composer__box:focus-within { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); box-shadow: 0 0 0 3px var(--accent-soft); }
-.lt3-composer__box textarea { flex: 1; background: none; border: none; outline: none; resize: none; max-height: 200px; min-height: 24px; font-size: var(--lt3-text-md); line-height: var(--lt3-leading-snug); }
-.lt3-composer__tools { display: flex; align-items: center; gap: var(--lt3-space-2); margin-top: var(--lt3-space-3); flex-wrap: wrap; }
-.lt3-composer__hint { margin-top: var(--lt3-space-2); font-size: var(--lt3-text-2xs); color: var(--faint); text-align: center; }
-
-/* Retrieval context column */
-.lt3-chat__context { display: flex; flex-direction: column; min-height: 0; border-left: 1px solid var(--border); background: var(--sidebar); }
-.lt3-chat__context-head { flex: none; padding: var(--lt3-space-4) var(--lt3-space-4) var(--lt3-space-3); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: var(--lt3-space-2); }
-.lt3-chat__context-body { flex: 1; min-height: 0; overflow-y: auto; padding: var(--lt3-space-4); display: flex; flex-direction: column; gap: var(--lt3-space-5); }
-.lt3-ctx-sec__title { display: flex; align-items: center; gap: var(--lt3-space-2); font-size: var(--lt3-text-2xs); font-weight: var(--lt3-weight-semi); letter-spacing: var(--lt3-tracking-caps); text-transform: uppercase; color: var(--faint); margin-bottom: var(--lt3-space-3); }
-.lt3-ctx-sec__title .ti { font-size: 0.95rem; }
-.lt3-ctx-item { display: flex; align-items: center; gap: var(--lt3-space-2); padding: var(--lt3-space-2) 0; font-size: var(--lt3-text-sm); }
-.lt3-ctx-item__dot { width: 8px; height: 8px; border-radius: 99px; flex: none; }
-.lt3-ctx-item__label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.lt3-ctx-item__score { font-family: var(--lt3-font-mono); font-size: var(--lt3-text-2xs); color: var(--muted); }
-
-/* Mobile/tablet pane toggles + off-canvas behaviour */
-.lt3-chat__toggle-list, .lt3-chat__toggle-context { display: none; }
-.lt3-chat__pane-close { display: none; }
-.lt3-chat__scrim { display: none; position: absolute; inset: 0; background: var(--overlay); z-index: 5; }
-.lt3-chat[data-list="open"] .lt3-chat__scrim,
-.lt3-chat[data-context="open"] .lt3-chat__scrim { display: block; }
-
-@media (max-width: 1240px) {
-  .lt3-chat { grid-template-columns: 280px minmax(0, 1fr); }
-  .lt3-chat__context {
-    position: absolute; top: 0; right: 0; bottom: 0; width: min(340px, 88vw);
-    transform: translateX(102%); transition: transform var(--lt3-dur-3) var(--lt3-ease);
-    z-index: 6; box-shadow: var(--lt3-elev-3);
-  }
-  .lt3-chat[data-context="open"] .lt3-chat__context { transform: none; }
-  .lt3-chat__toggle-context { display: inline-flex; }
-  .lt3-chat__context .lt3-chat__pane-close { display: inline-flex; }
-}
-
-@media (max-width: 900px) {
-  .lt3-chat { grid-template-columns: minmax(0, 1fr); }
-  .lt3-chatlist {
-    position: absolute; top: 0; left: 0; bottom: 0; width: min(280px, 86vw);
-    transform: translateX(-104%); transition: transform var(--lt3-dur-3) var(--lt3-ease);
-    z-index: 6; box-shadow: var(--lt3-elev-3);
-  }
-  .lt3-chat[data-list="open"] .lt3-chatlist { transform: none; }
-  .lt3-chat__toggle-list { display: inline-flex; }
-  .lt3-chatlist .lt3-chat__pane-close { display: inline-flex; }
-  .lt3-chat__thread { padding: var(--lt3-space-4); }
-  .lt3-composer { padding: var(--lt3-space-3) var(--lt3-space-4) var(--lt3-space-4); }
-}
-
-/* ── Files ───────────────────────────────────────────────────────────────── */
-.lt3-filerow { display: flex; align-items: center; gap: var(--lt3-space-3); padding: var(--lt3-space-3); border-radius: var(--lt3-radius-sm); }
-.lt3-filerow:hover { background: var(--surface-2); }
-.lt3-filerow__icon { width: 30px; text-align: center; color: var(--muted); }
-.lt3-drop {
-  display: flex; flex-direction: column; align-items: center; gap: var(--lt3-space-3);
-  padding: var(--lt3-space-7);
-  border: 1.5px dashed var(--border-strong);
-  border-radius: var(--lt3-radius-md);
-  background: var(--surface-2);
-  text-align: center;
-  transition: border-color var(--lt3-dur-2) var(--lt3-ease), background var(--lt3-dur-2) var(--lt3-ease);
-}
-.lt3-drop__meta {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: var(--lt3-space-2);
-  max-width: 720px;
-}
-.lt3-drop.is-dragover {
-  border-color: var(--accent);
-  background: var(--accent-soft);
-}
-
-/* ── Pipeline ────────────────────────────────────────────────────────────── */
-.lt3-flow { display: flex; align-items: stretch; gap: 0; overflow-x: auto; padding-bottom: var(--lt3-space-3); }
-.lt3-stage {
-  flex: none; width: 220px;
-  padding: var(--lt3-space-4);
-  border-radius: var(--lt3-radius-md);
-  border: 1px solid var(--border);
-  background: var(--surface);
-}
-.lt3-stage__num { font-family: var(--lt3-font-mono); font-size: var(--lt3-text-2xs); color: var(--faint); }
-.lt3-stage__name { font-weight: var(--lt3-weight-semi); margin-top: 2px; }
-.lt3-flow__arrow { flex: none; display: grid; place-items: center; width: 44px; color: var(--faint); }
-.lt3-flow__arrow .ti { font-size: 1.3rem; }
-
-/* ── Generic 2-up metric rows used widely ────────────────────────────────── */
-.lt3-statrow { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--lt3-space-3); }
-
-@media (max-width: 980px) {
-  .lt3-hero { grid-template-columns: 1fr; padding: var(--lt3-space-5); }
-}
-
-@media (max-width: 680px) {
-  .lt3-mini-lattice { grid-template-columns: 1fr; }
-  .lt3-hero__title { font-size: var(--lt3-text-2xl); }
-  .lt3-quick { min-height: auto; }
-}
-
-/* ── Admin shared ────────────────────────────────────────────────────────── */
-.lt3-keyval { display: grid; grid-template-columns: max-content 1fr; gap: var(--lt3-space-2) var(--lt3-space-5); font-size: var(--lt3-text-sm); }
-.lt3-keyval dt { color: var(--muted); }
-.lt3-keyval dd { margin: 0; font-weight: var(--lt3-weight-medium); }
-
-.lt3-timeline { position: relative; padding-left: var(--lt3-space-5); }
-.lt3-timeline::before { content: ""; position: absolute; left: 6px; top: 4px; bottom: 4px; width: 2px; background: var(--border); }
-.lt3-timeline__item { position: relative; padding: 0 0 var(--lt3-space-4); }
-.lt3-timeline__item::before { content: ""; position: absolute; left: calc(-1 * var(--lt3-space-5) + 1px); top: 5px; width: 10px; height: 10px; border-radius: 99px; background: var(--accent); border: 2px solid var(--surface); }
-.lt3-timeline__time { font-size: var(--lt3-text-2xs); color: var(--faint); font-family: var(--lt3-font-mono); }
-.lt3-timeline__body { font-size: var(--lt3-text-sm); }