@nurix/etna 0.19.49 → 0.19.51

package/data/harnesses/code/skills/design/design-md/library/resend.md

@@ -1,203 +0,0 @@
----
-schema: design-md/v2
-id: resend
-tier: brand
-segments: [dev-tools, email, api]
-keywords: [dark, true-black, editorial, white-hot, hairline, mono]
-sourced: 2026-07-12
-sources: "design-md/v1 resend entry (2026-07-04); 2026-07-12 re-audit of Resend public brand; Inter for UI, Geist Mono for code (the 76-96px Domaine Display serif hero stays behind); the accent is white — a solid off-white surface, the brightest pixel on the black canvas; light daytime floor authored alongside"
-license: open
----
-
-# resend — an editorial-noir console, true black with one white-hot key
-
-## 1 Visual Theme
-An editorial-noir developer console: a true-black canvas, off-white ink read like
-printed paper, and depth built entirely from translucent-white hairlines and a
-luminance ladder — the system has no drop-shadow language. Dark is the signature the
-tool wears; a near-white daytime floor ships alongside. The one accent is white:
-`primary` is an off-white surface with black text, the brightest solid on the canvas.
-The Domaine Display serif hero and full-section glows stay behind.
-
-## 2 Color Roles
-Off-white `foreground` on a true-black `background`; `primary` is the white-hot solid —
-an off-white surface with a black label, the single brightest pixel per surface, held
-for the primary action, active nav, and the focus `ring`. In the light floor it inverts
-to near-black-on-white, the same highest-contrast invariant. `accent` is a neutral
-luminance wash, never colored. The six atmospheric hues live only in `chart-*` and
-status; status hues speak only status.
-
-## 3 Typography
-Inter (UI, tables, labels, and every heading) over Geist Mono for IDs, codes, log
-lines, and every code well. Hierarchy is size and family, not weight — body holds at
-400 and the brand never bolds past 500. Register scope: the display register speaks in
-page titles, empty states, and auth; mono owns data, codes, IDs, timestamps, and the
-terminal. Numerals are always `tabular-nums`; emphasis is size or a switch to mono,
-never heavy weight.
-
-## 4 Component Stylings
-Buttons `radius-sm` (8px, never pill), white-hot `primary` fill with a black label —
-the one brightest solid per surface; secondary is `secondary` on a hairline. Inputs sit
-on `card` with a hairline; focus thickens the edge to the ink `ring`, no glow, no
-separate ring color. Cards are a luminance step above the canvas on a hairline,
-`radius-lg` for panels and code wells. Table rows carry hairline grid lines, `muted`
-hover, `accent` wash selection. The code/log well is the darkest, coolest surface in
-mono — depth by temperature. Detail opens in the side panel; badges alone pill.
-
-## 5 Layout
-4px base; sidebar 248/56px; topbar 64px (the brand's nav height); side panel 420/640px;
-content max 1360px. Editorial breathing lives in the shell dimensions, not the data
-grid; the 96/128px marketing section bands stay behind.
-
-## 6 Depth
-Dark: the luminance ladder and translucent-white hairlines are the entire depth system,
-never shadow — `background` 0.03 L, `surface-raised` 0.15, `surface-overlay` 0.19, hue
-held at 286; the code well sits a step below canvas, coolest of all. Light floor:
-hairlines carry structure; the faintest cool-tinted lift only on true overlays. Focus is
-the border thickened to ink, keyboard-first.
-
-## 7 Motion
-Snappy and quiet. Named moments: `panel-slide` (side panel, 220ms, interruptible),
-`fade-arrive` (page content, 150ms), `press` (primary-action press, 100ms). Log and
-send streams append whole rows — never typed-on. Physicality is granted only to auth
-and first-run empty states; keyboard actions are instant.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
-no gridline fills; the categorical ramp is the sanctioned atmospheric set — blue, green,
-orange, yellow, red (`chart-1..5`); sequential runs the luminance canvas→ink; tooltips
-on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Terminal-quiet and exact: lowercase-calm sentences, precise numbers, no cheer. "Send" ·
-"No emails in the last hour — the stream is quiet" · "This domain isn't verified; add
-the DKIM record and re-check in a few minutes."
-
-## 10 Do's & Don'ts
-Do anchor every dark surface on true black — never a near-black. Do reserve the
-white-hot `primary` as the single brightest solid per surface; its scarcity is what
-makes white read as the accent. Do carry depth with hairlines and the luminance ladder,
-and render every code and log surface in mono. Don't introduce a second solid accent —
-the six atmospheric hues are chart/status only. Don't signal elevation with a drop
-shadow. Don't pill the CTA or bring the serif into operator chrome.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; side panel → full sheet; list+detail stacks. 768:
-sidebar → icon rail; tables and code wells scroll horizontally, never wrap. 1024:
-two-pane queue+detail holds. 1440: forms cap; tables and dashboards use the full width.
-
-## 12 Agent Prompt Guide
-Wear the dark theme by default; the light map is the daytime floor. On dark the canvas
-is true black. Spend the white-hot `primary` once per surface: primary action, active
-nav, focus ring; if two things want the white, one is not primary. Render code, log,
-and terminal panels in mono as the coolest surface. Depth is the ladder and hairlines —
-consult the block, never derive dark from light.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.995 0.003 264)
-    foreground: oklch(0.14 0.006 286)
-    card: oklch(0.995 0.003 264)
-    card-foreground: oklch(0.14 0.006 286)
-    popover: oklch(0.995 0.003 264)
-    popover-foreground: oklch(0.14 0.006 286)
-    primary: oklch(0.14 0.006 286)
-    primary-foreground: oklch(0.99 0.003 264)
-    secondary: oklch(0.965 0.006 255)
-    secondary-foreground: oklch(0.2 0.006 286)
-    muted: oklch(0.965 0.006 255)
-    muted-foreground: oklch(0.49 0.008 255)
-    accent: oklch(0.955 0.008 255)
-    accent-foreground: oklch(0.2 0.006 286)
-    destructive: oklch(0.55 0.22 22)
-    destructive-foreground: oklch(0.99 0.006 22)
-    success: oklch(0.55 0.13 156)
-    warning: oklch(0.62 0.12 80)
-    border: oklch(0.93 0.008 258)
-    input: oklch(0.93 0.008 258)
-    ring: oklch(0.14 0.006 286)
-    surface-raised: oklch(0.99 0.004 260)
-    surface-overlay: oklch(0.995 0.003 264)
-    chart-1: oklch(0.55 0.18 250)
-    chart-2: oklch(0.55 0.14 156)
-    chart-3: oklch(0.62 0.18 45)
-    chart-4: oklch(0.75 0.14 90)
-    chart-5: oklch(0.55 0.22 22)
-    sidebar: oklch(0.98 0.005 258)
-    sidebar-foreground: oklch(0.2 0.006 286)
-    sidebar-primary: oklch(0.14 0.006 286)
-    sidebar-primary-foreground: oklch(0.99 0.003 264)
-    sidebar-accent: oklch(0.95 0.008 255)
-    sidebar-accent-foreground: oklch(0.2 0.006 286)
-    sidebar-border: oklch(0.92 0.008 258)
-    sidebar-ring: oklch(0.14 0.006 286)
-  dark:
-    background: oklch(0.03 0.006 286)
-    foreground: oklch(0.99 0.003 264)
-    card: oklch(0.16 0.006 286)
-    card-foreground: oklch(0.99 0.003 264)
-    popover: oklch(0.19 0.006 286)
-    popover-foreground: oklch(0.99 0.003 264)
-    primary: oklch(0.98 0.004 264)
-    primary-foreground: oklch(0.05 0.006 286)
-    secondary: oklch(0.17 0.006 286)
-    secondary-foreground: oklch(0.95 0.003 264)
-    muted: oklch(0.17 0.006 286)
-    muted-foreground: oklch(0.72 0.006 260)
-    accent: oklch(0.22 0.006 286)
-    accent-foreground: oklch(0.95 0.003 264)
-    destructive: oklch(0.641 0.245 20.6)
-    destructive-foreground: oklch(0.14 0.02 20)
-    success: oklch(0.75 0.18 156)
-    warning: oklch(0.82 0.15 84)
-    border: oklch(0.26 0.006 286)
-    input: oklch(0.26 0.006 286)
-    ring: oklch(0.98 0.004 264)
-    surface-raised: oklch(0.15 0.006 286)
-    surface-overlay: oklch(0.19 0.006 286)
-    chart-1: oklch(0.6 0.18 250)
-    chart-2: oklch(0.75 0.18 156)
-    chart-3: oklch(0.7 0.18 45)
-    chart-4: oklch(0.85 0.15 90)
-    chart-5: oklch(0.641 0.245 20.6)
-    sidebar: oklch(0.08 0.006 286)
-    sidebar-foreground: oklch(0.95 0.003 264)
-    sidebar-primary: oklch(0.98 0.004 264)
-    sidebar-primary-foreground: oklch(0.05 0.006 286)
-    sidebar-accent: oklch(0.2 0.006 286)
-    sidebar-accent-foreground: oklch(0.95 0.003 264)
-    sidebar-border: oklch(0.18 0.006 286)
-    sidebar-ring: oklch(0.98 0.004 264)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
-  mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 36px, weight: 500, family: display, tracking: -0.01em }
-    h1: { size: 24px, line: 32px, weight: 500, family: display, tracking: -0.01em }
-    h2: { size: 20px, line: 28px, weight: 500, family: display }
-    body: { size: 14px, line: 21px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 400, family: sans }
-    data: { size: 13px, line: 21px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, codes, ids, timestamps, terminal] }
-elevation:
-  radius: { sm: 8px, md: 10px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 30px oklch(0.03 0.012 286 / 0.5)"
-    popover: "0 4px 16px oklch(0.03 0.012 286 / 0.4)"
-  dark-ladder: { background: 0.03, raised: 0.15, overlay: 0.19, hue-held: 286 }
-motion:
-  duration: { press: 100ms, fade: 150ms, panel: 220ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: foreground }
-  diverging: { negative: destructive, mid: muted, positive: chart-2 }
-layout: { base: 4px, sidebar: [248px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1360px }
-```

package/data/harnesses/code/skills/design/design-md/library/revolut.md

@@ -1,203 +0,0 @@
----
-schema: design-md/v2
-id: revolut
-tier: brand
-segments: [fintech, finance, business-tools]
-keywords: [fintech, cobalt, black-sidebar, precise, rounded, catalogue]
-sourced: 2026-07-12
-sources: "design-md/v1 revolut entry (2026-07-04); 2026-07-12 re-audit of Revolut public brand; Schibsted Grotesk substitutes the licensed Aeonik Pro display; Inter for body, JetBrains Mono for amounts; the persistent sidebar stays true black per brand; a cobalt-tinted dark theme authored from the storytelling mode"
-license: open
----
-
-# revolut — a white catalogue desk against one true-black rail
-
-## 1 Visual Theme
-A fintech catalogue desk: the work sits on a white comparison-table canvas, and beside
-it stands one true-black sidebar — Revolut's nav is pure black, so the persistent
-operator chrome carries the brand's dark identity while the work stays bright. Light by
-default; flat, with no drop-shadow language — hierarchy comes from surface-luminance
-and hairlines. One cobalt-violet accent, ink kept a warm near-black, not pure. The dark
-theme is the storytelling mode made habitable, cobalt held. Hero-scale Aeonik and the
-white-pill-on-black CTA stay behind.
-
-## 2 Color Roles
-Warm near-black `foreground` on a white `background`; `primary` cobalt violet is the one
-chromatic stamp — the primary action, active nav, key detail. `accent` is a pale-cobalt
-selection lift with a deep-cobalt label. The persistent `sidebar` runs true black in
-both themes, its own dark ladder. The eight illustration hues live only in `chart-*`;
-status hues speak only status.
-
-## 3 Typography
-Schibsted Grotesk (the open substitute for the licensed Aeonik Pro) over Inter for
-body, labels, and tables, and JetBrains Mono for amounts, IDs, and timestamps. Heads
-carry the grotesk's tight negative tracking; body rides Inter with a faint positive
-tracking that reads mechanical and fintech-precise. Register scope: the display register
-speaks in page titles, section heads, empty states, and auth; mono owns data, amounts,
-IDs, and timestamps. Numerals are always `tabular-nums`; emphasis bumps weight, never
-size.
-
-## 4 Component Stylings
-Buttons `radius-md` (12px, rounded, never the marketing pill), cobalt `primary` fill
-with a white label; secondary is `secondary` on a hairline. Inputs sit on `background`
-with a comfortable height, echoing Revolut's tall fields; focus draws the cobalt `ring`
-at 2px, no glow. Cards take the larger `radius-lg` (20px, Revolut's card corner),
-hairline-edged, never shadowed. Table rows carry `border` grid lines, `muted` hover,
-`accent` selection. Detail opens in the side panel; badges alone pill.
-
-## 5 Layout
-4px base; sidebar 256/56px; topbar 64px (the brand's nav-bar height); side panel
-440/640px; content max 1320px. Revolut's 6px and 14px off-grid comfort steps are kept;
-the density is comfortable, the way its tall inputs feel.
-
-## 6 Depth
-Flat — Revolut has no traditional drop-shadow language; hierarchy is surface-luminance
-shifts and hairlines. To lift off a band, the band steps to `muted` rather than casting
-a shadow; overlays take the one low tinted lift. The black `sidebar` runs its own dark
-ladder. Dark theme: the surface ladder does depth — `background` 0.16 L,
-`surface-raised` +0.05, `surface-overlay` +0.09, hue held at 274. Focus is always the
-2px cobalt `ring`, keyboard-first.
-
-## 7 Motion
-Reserved and precise. Named moments: `panel-slide` (side panel, 240ms, interruptible),
-`fade-arrive` (page content, 160ms), `press` (primary-action press, 120ms). Physicality
-is granted only to auth and first-run empty states; nothing animates in tables, the
-balance grid, or keyboard-initiated actions.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
-no gridline fills; the categorical ramp is Revolut's illustration set — cobalt, teal,
-pink, green, yellow (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Precise and calm, a fintech register: short declaratives, numbers exact, no cheer. "Add
-money" · "No transactions today — the last one cleared yesterday" · "This transfer
-exceeds your daily limit; raise it in settings or send a smaller amount."
-
-## 10 Do's & Don'ts
-Do reserve cobalt for the single primary action — a stamp, not a theme. Do keep the
-`sidebar` true black in both themes; the black rail is the persistent chrome. Do keep
-body ink a warm near-black, not pure. Don't full-pill buttons — the marketing pill stays
-behind; only badges pill. Don't add drop shadows to cards; surface-luminance carries
-elevation. Don't promote an illustration hue into chrome — they are chart-only.
-
-## 11 Responsive
-375: black sidebar → off-canvas drawer; side panel → full sheet; tables → card rows
-with mono figures. 768: sidebar collapses to the black icon rail; tables scroll their
-overflow. 1024: two-pane queue+detail holds. 1440: forms cap; tables and dashboards use
-the full width.
-
-## 12 Agent Prompt Guide
-Lead every list with its table on the white canvas; the true-black sidebar is the
-persistent left chrome in both themes. Spend cobalt once per surface; everything else is
-neutral or status. Detail and edit go in the side panel, never a modal. Every numeric
-column is `tabular-nums`; every amount, ID, and timestamp is mono. Dark is authored —
-consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.995 0.003 274)
-    foreground: oklch(0.23 0.008 250)
-    card: oklch(0.995 0.003 274)
-    card-foreground: oklch(0.23 0.008 250)
-    popover: oklch(0.995 0.003 274)
-    popover-foreground: oklch(0.23 0.008 250)
-    primary: oklch(0.515 0.214 274)
-    primary-foreground: oklch(0.98 0.01 274)
-    secondary: oklch(0.967 0.005 270)
-    secondary-foreground: oklch(0.28 0.01 260)
-    muted: oklch(0.967 0.005 270)
-    muted-foreground: oklch(0.47 0.02 250)
-    accent: oklch(0.952 0.019 283)
-    accent-foreground: oklch(0.457 0.201 273)
-    destructive: oklch(0.55 0.2 22)
-    destructive-foreground: oklch(0.98 0.01 22)
-    success: oklch(0.554 0.155 137)
-    warning: oklch(0.63 0.15 57)
-    border: oklch(0.914 0.007 286)
-    input: oklch(0.914 0.007 286)
-    ring: oklch(0.515 0.214 274)
-    surface-raised: oklch(0.985 0.006 274)
-    surface-overlay: oklch(0.995 0.003 274)
-    chart-1: oklch(0.55 0.2 274)
-    chart-2: oklch(0.65 0.12 195)
-    chart-3: oklch(0.68 0.17 350)
-    chart-4: oklch(0.68 0.14 150)
-    chart-5: oklch(0.8 0.14 90)
-    sidebar: oklch(0.02 0 0)
-    sidebar-foreground: oklch(0.95 0.005 270)
-    sidebar-primary: oklch(0.55 0.214 274)
-    sidebar-primary-foreground: oklch(0.98 0.01 274)
-    sidebar-accent: oklch(0.208 0.005 248)
-    sidebar-accent-foreground: oklch(0.95 0.005 270)
-    sidebar-border: oklch(0.28 0.006 260)
-    sidebar-ring: oklch(0.55 0.214 274)
-  dark:
-    background: oklch(0.16 0.01 274)
-    foreground: oklch(0.94 0.006 270)
-    card: oklch(0.2 0.01 274)
-    card-foreground: oklch(0.94 0.006 270)
-    popover: oklch(0.24 0.012 274)
-    popover-foreground: oklch(0.94 0.006 270)
-    primary: oklch(0.55 0.2 274)
-    primary-foreground: oklch(0.98 0.01 274)
-    secondary: oklch(0.22 0.01 274)
-    secondary-foreground: oklch(0.9 0.006 270)
-    muted: oklch(0.21 0.01 274)
-    muted-foreground: oklch(0.7 0.012 270)
-    accent: oklch(0.28 0.04 278)
-    accent-foreground: oklch(0.92 0.01 274)
-    destructive: oklch(0.62 0.2 22)
-    destructive-foreground: oklch(0.15 0.02 22)
-    success: oklch(0.68 0.14 137)
-    warning: oklch(0.74 0.14 57)
-    border: oklch(0.26 0.01 274)
-    input: oklch(0.26 0.01 274)
-    ring: oklch(0.6 0.2 274)
-    surface-raised: oklch(0.21 0.01 274)
-    surface-overlay: oklch(0.25 0.012 274)
-    chart-1: oklch(0.6 0.2 274)
-    chart-2: oklch(0.7 0.12 195)
-    chart-3: oklch(0.72 0.17 350)
-    chart-4: oklch(0.72 0.14 150)
-    chart-5: oklch(0.82 0.14 90)
-    sidebar: oklch(0.02 0 0)
-    sidebar-foreground: oklch(0.94 0.006 270)
-    sidebar-primary: oklch(0.55 0.2 274)
-    sidebar-primary-foreground: oklch(0.98 0.01 274)
-    sidebar-accent: oklch(0.2 0.008 270)
-    sidebar-accent-foreground: oklch(0.94 0.006 270)
-    sidebar-border: oklch(0.24 0.008 270)
-    sidebar-ring: oklch(0.6 0.2 274)
-typography:
-  display: { family: "Schibsted Grotesk Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.02em }
-    h1: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.015em }
-    h2: { size: 22px, line: 29px, weight: 600, family: display, tracking: -0.01em }
-    body: { size: 15px, line: 23px, weight: 400, family: sans, tracking: 0.01em }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 15px, weight: 600, family: sans, tracking: 0.02em, transform: uppercase }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, amounts, ids, timestamps] }
-elevation:
-  radius: { sm: 8px, md: 12px, lg: 20px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 30px oklch(0.16 0.012 274 / 0.3)"
-    popover: "0 4px 16px oklch(0.16 0.012 274 / 0.22)"
-  dark-ladder: { background: 0.16, raised: 0.21, overlay: 0.25, hue-held: 274 }
-motion:
-  duration: { press: 120ms, fade: 160ms, panel: 240ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: chart-4 }
-layout: { base: 4px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1320px }
-```

package/data/harnesses/code/skills/design/design-md/library/runwayml.md

@@ -1,203 +0,0 @@
----
-schema: design-md/v2
-id: runwayml
-tier: brand
-segments: [ai, creative-tools, video]
-keywords: [dark, cinematic, monochrome, cool-slate, austere, spacious]
-sourced: 2026-07-12
-sources: "design-md/v1 runwayml entry (2026-07-04); 2026-07-12 re-audit of Runway public brand; DM Sans substitutes the single-family abcNormal, Geist Mono derived for IDs and logs; the brand is categorically dark with zero chromatic accent — the primary is monochrome contrast; a light alternate authored alongside"
-license: open
----
-
-# runwayml — a cinema grading suite, black room and one white key
-
-## 1 Visual Theme
-A film-grade grading suite: a black room, cool blue-gray slate for every neutral, and
-an interface that retreats so the work can lead. Dark by default — the brand is
-categorically dark, and the operator reading keeps it; a light alternate is authored
-for surfaces that need one. Flat to austerity: hierarchy is dark/light polarity,
-hairlines, and type weight, never shadow — the brand casts zero. There is no chromatic
-accent; the one accent is monochrome contrast — white on dark, near-black on light. The
-full-bleed photography and 40px hero stay behind.
-
-## 2 Color Roles
-White `foreground` on a black `background`; `primary` is a monochrome contrast, not a
-hue — white on dark, near-black on light — held for the single primary action. `accent`
-is a neutral cool-slate lift for selection and hover only. Borders stay whisper-faint.
-There is no brand accent hue: color belongs to content, and the `chart-*` ramp is the
-only place hues appear; status hues speak only status.
-
-## 3 Typography
-DM Sans (the open substitute for the single-family abcNormal) carries everything —
-variety comes from size, weight, case, and tracking, never a second family — with Geist
-Mono derived for IDs, codes, timestamps, and logs. Heads run quiet: weight 400 with
-tight negative tracking, the film-title density; the range is 400-600 and never reaches
-700. Uppercase micro-labels take positive tracking as navigational signposts. Register
-scope: the display register speaks in page titles, section heads, empty states, and
-auth; mono owns data, IDs, timestamps, and logs. Numerals are always `tabular-nums`.
-
-## 4 Component Stylings
-Buttons `radius-sm` (6px, never pill), monochrome `primary` fill; secondary is
-`secondary` on a whisper-faint hairline. Inputs sit on `background` with a hairline;
-focus draws the monochrome `ring` at 2px, no glow. Cards are `card` a step above the
-canvas on a hairline, `radius-lg` (16px), never shadowed. Table rows carry faint
-`border` grid lines, `muted` hover, `accent` selection. Detail opens in the side panel;
-badges take `muted` or status fills, never `primary`.
-
-## 5 Layout
-8px base; sidebar 256/56px; topbar 56px; side panel 440/680px; content max 1440px.
-Density is spacious — the brand breathes at cinema scale, and the operator reading keeps
-the air; the 1600px cinema container stays behind.
-
-## 6 Depth
-Flat, emphatically — the brand uses zero shadows; depth is dark/light polarity and
-hairlines. Dark: the surface ladder does depth — `background` 0.03 L, `surface-raised`
-0.24, `surface-overlay` 0.29, hue held at 259; a hairline does most of the separating.
-Light: the same austerity on a white floor, cool-silver hairlines carrying rank. The one
-overlay shadow is a faint cool whisper. Focus is a monochrome `ring`, keyboard-first.
-
-## 7 Motion
-Unhurried but restrained. Named moments: `panel-slide` (side panel, 260ms,
-interruptible), `fade-arrive` (page content, 200ms), `press` (primary-action press,
-120ms). Physicality is granted only to auth and first-run empty states; nothing animates
-in tables, the asset grid, or keyboard-initiated actions.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
-no gridline fills; the categorical ramp is a restrained cool-forward set — slate, blue,
-teal, amber, violet (`chart-1..5`); sequential runs the monochrome canvas→ink; tooltips
-on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Cinematic-calm and spare: short declaratives, numbers plain, the interface never talks
-over the work. "New generation" · "Nothing rendered yet — start from a prompt or an
-image" · "This render exceeds your credits; add more or lower the resolution."
-
-## 10 Do's & Don'ts
-Do default to dark — the brand is categorically dark; light is the alternate, not the
-base. Do reserve the monochrome `primary` for the single primary action. Do keep borders
-whisper-faint and carry hierarchy with polarity and weight. Don't introduce a chromatic
-accent — the interface is colorless by doctrine; color belongs to content. Don't use a
-weight of 700+, a second typeface, or a pill. Don't signal elevation with shadow.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; side panel → full sheet; list+detail stacks. 768:
-sidebar → icon rail; tables scroll their overflow. 1024: two-pane queue+detail holds.
-1440: forms cap; tables and dashboards use the full width under the content cap.
-
-## 12 Agent Prompt Guide
-Default the shell to dark; the near-black room with cool-slate cards is the brand.
-Carry hierarchy with dark/light polarity, hairlines, and weight — reach for shadow only
-on a true overlay. The accent is monochrome contrast, not a hue; if two things want the
-primary, one is not primary. Keep heads quiet at weight 400, tight negative tracking,
-never past 600; uppercase micro-labels take positive tracking. Dark is authored —
-consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.995 0.002 259)
-    foreground: oklch(0.16 0.006 259)
-    card: oklch(0.995 0.002 259)
-    card-foreground: oklch(0.16 0.006 259)
-    popover: oklch(0.995 0.002 259)
-    popover-foreground: oklch(0.16 0.006 259)
-    primary: oklch(0.16 0.006 259)
-    primary-foreground: oklch(0.99 0.002 259)
-    secondary: oklch(0.943 0.009 264)
-    secondary-foreground: oklch(0.22 0.006 259)
-    muted: oklch(0.94 0.008 259)
-    muted-foreground: oklch(0.5 0.02 259)
-    accent: oklch(0.93 0.009 259)
-    accent-foreground: oklch(0.22 0.006 259)
-    destructive: oklch(0.544 0.186 26)
-    destructive-foreground: oklch(0.99 0.006 26)
-    success: oklch(0.553 0.107 158)
-    warning: oklch(0.626 0.125 70)
-    border: oklch(0.844 0.008 261)
-    input: oklch(0.844 0.008 261)
-    ring: oklch(0.16 0.006 259)
-    surface-raised: oklch(0.98 0.006 259)
-    surface-overlay: oklch(0.995 0.002 259)
-    chart-1: oklch(0.5 0.03 259)
-    chart-2: oklch(0.52 0.14 250)
-    chart-3: oklch(0.55 0.1 190)
-    chart-4: oklch(0.6 0.13 70)
-    chart-5: oklch(0.5 0.15 295)
-    sidebar: oklch(0.98 0.005 260)
-    sidebar-foreground: oklch(0.2 0.006 259)
-    sidebar-primary: oklch(0.16 0.006 259)
-    sidebar-primary-foreground: oklch(0.99 0.002 259)
-    sidebar-accent: oklch(0.93 0.009 259)
-    sidebar-accent-foreground: oklch(0.22 0.006 259)
-    sidebar-border: oklch(0.85 0.008 261)
-    sidebar-ring: oklch(0.16 0.006 259)
-  dark:
-    background: oklch(0.03 0.004 259)
-    foreground: oklch(0.98 0.002 259)
-    card: oklch(0.22 0.006 259)
-    card-foreground: oklch(0.98 0.002 259)
-    popover: oklch(0.25 0.006 259)
-    popover-foreground: oklch(0.98 0.002 259)
-    primary: oklch(0.98 0.002 259)
-    primary-foreground: oklch(0.05 0.006 259)
-    secondary: oklch(0.27 0.006 259)
-    secondary-foreground: oklch(0.95 0.004 259)
-    muted: oklch(0.27 0.006 259)
-    muted-foreground: oklch(0.72 0.016 259)
-    accent: oklch(0.28 0.006 259)
-    accent-foreground: oklch(0.95 0.004 259)
-    destructive: oklch(0.626 0.193 23)
-    destructive-foreground: oklch(0.15 0.02 23)
-    success: oklch(0.651 0.147 147)
-    warning: oklch(0.74 0.131 81)
-    border: oklch(0.27 0.006 259)
-    input: oklch(0.27 0.006 259)
-    ring: oklch(0.98 0.002 259)
-    surface-raised: oklch(0.24 0.006 259)
-    surface-overlay: oklch(0.29 0.006 259)
-    chart-1: oklch(0.72 0.03 259)
-    chart-2: oklch(0.62 0.14 250)
-    chart-3: oklch(0.68 0.1 190)
-    chart-4: oklch(0.72 0.13 70)
-    chart-5: oklch(0.6 0.15 295)
-    sidebar: oklch(0.05 0.004 259)
-    sidebar-foreground: oklch(0.95 0.004 259)
-    sidebar-primary: oklch(0.98 0.002 259)
-    sidebar-primary-foreground: oklch(0.05 0.006 259)
-    sidebar-accent: oklch(0.24 0.006 259)
-    sidebar-accent-foreground: oklch(0.95 0.004 259)
-    sidebar-border: oklch(0.22 0.006 259)
-    sidebar-ring: oklch(0.98 0.002 259)
-typography:
-  display: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
-  sans: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
-  mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 40px, line: 42px, weight: 400, family: display, tracking: -0.02em }
-    h1: { size: 28px, line: 32px, weight: 400, family: display, tracking: -0.02em }
-    h2: { size: 22px, line: 27px, weight: 400, family: display, tracking: -0.015em }
-    body: { size: 16px, line: 23px, weight: 400, family: sans, tracking: -0.005em }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 13px, line: 17px, weight: 600, family: sans, tracking: 0.02em, transform: uppercase }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, logs] }
-elevation:
-  radius: { sm: 6px, md: 10px, lg: 16px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 30px oklch(0.06 0.012 259 / 0.5)"
-    popover: "0 4px 16px oklch(0.06 0.012 259 / 0.4)"
-  dark-ladder: { background: 0.03, raised: 0.24, overlay: 0.29, hue-held: 259 }
-motion:
-  duration: { press: 120ms, fade: 200ms, panel: 260ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: foreground }
-  diverging: { negative: destructive, mid: muted, positive: chart-2 }
-layout: { base: 8px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 680px], content-max: 1440px }
-```