add normalizing-flow.typ converted from normalizing-flow.tex

standardize page margins across Typst files to 8pt

assets/bloch-sphere/bloch-sphere.typ

@@ -1,6 +1,6 @@
 #import "@preview/cetz:0.3.1"
 
-#set page(width: auto, height: auto, margin: 5pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 #cetz.canvas({
   // Helper coordinates

assets/ml-activations/ml-activations.typ

@@ -2,7 +2,7 @@
 #import "@preview/cetz-plot:0.1.0": plot
 
 #let vector(v) = $bold(#v)$
-#set page(width: auto, height: auto, margin: 3pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 #let relu(x) = if x < 0 { 0 } else { x }
 #let gelu(x) = 0.5 * x * (1 + calc.tanh(calc.sqrt(2 / calc.pi) * (x + 0.044715 * calc.pow(x, 3))))

assets/mosfet/mosfet.typ

@@ -1,7 +1,7 @@
 #import "@preview/cetz:0.3.1": canvas, draw
 #import draw: line, rect, content, set-style
 
-#set page(width: auto, height: auto, margin: 3pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 #canvas({
   // Circuit board (base)

assets/normalizing-flow/normalizing-flow.typ

@@ -0,0 +1,103 @@
+#import "@preview/cetz:0.3.1": canvas, draw
+#import "@preview/cetz-plot:0.1.0": plot
+#import draw: line, content, circle, group, translate
+
+#set page(width: auto, height: auto, margin: 8pt)
+
+// Helper functions for probability distributions
+#let gaussian(x, mu: 0, sigma: 0.2) = (
+  (1 / (sigma * calc.sqrt(2 * calc.pi))) * calc.exp(-0.5 * calc.pow((x - mu) / sigma, 2))
+)
+
+#let mixture(x, params) = {
+  let sum = 0
+  for (weight, mu, sigma) in params {
+    sum += weight * gaussian(x, mu: mu, sigma: sigma)
+  }
+  return sum
+}
+
+// Distribution functions
+#let p0(x) = 0.55 * gaussian(x, mu: 0, sigma: 0.2)
+#let pi(x) = mixture(x, ((0.6, -0.3, 0.2), (0.4, 0.4, 0.25)))
+#let pk(x) = mixture(x, ((0.4, -0.4, 0.15), (0.3, 0, 0.12), (0.3, 0.4, 0.15)))
+
+// Helper function to draw distribution plots
+#let draw-distro(x, y, dist-fn, name: none) = {
+  // Draw circle outline
+  circle((x, y + 0.3), radius: 1, stroke: (dash: "dashed"), name: name)
+
+  // Draw coordinate axes
+  line((x - 0.8, y), (x + 0.8, y), mark: (end: ">", scale: 0.5, fill: black))
+  line((x, y - 0.5), (x, y + 1.1), mark: (end: ">", scale: 0.5, fill: black))
+
+  let plot-size = (1.6, 1.1)
+
+  group({
+    translate((x - 0.8, y))
+    plot.plot(
+      size: plot-size,
+      axis-style: none,
+      y-min: 0,
+      y-max: 1.5,
+      {
+        plot.add(style: (stroke: blue.darken(20%) + 1.2pt), domain: (-0.8, 0.8), samples: 100, dist-fn)
+      },
+    )
+  })
+}
+
+#canvas({
+  // Constants for layout
+  let node-spacing = 3
+  let y-base = 0
+  let y-distro = y-base - 2 // vertical offset for distributions
+
+  // Helper function for z-nodes
+  let z-node(x, label, special: none, name: none, ..rest) = {
+    circle(
+      fill: gray.transparentize(70%),
+      (x, y-base),
+      radius: 0.4,
+      stroke: if special != none { special } else { none },
+      name: name,
+    )
+    content(name, label, ..rest)
+  }
+
+  // Draw all nodes first
+  z-node(0, $z_0$, special: red, name: "z0")
+  z-node(node-spacing, $z_1$, name: "z1")
+  z-node(2 * node-spacing, $z_i$, name: "zi")
+  z-node(3 * node-spacing, $z_(i+1)$, name: "zi1")
+  z-node(4 * node-spacing, $z_k$, special: rgb("#2d862d"), name: "zk")
+
+  // Then add dots
+  content((rel: (0.7, 0), to: "z1"), $dots.c$, name: "dots1", padding: 4pt)
+  content((rel: (0.7, 0), to: "zi1"), $dots.c$, name: "dots2", padding: 4pt)
+  content((rel: (0.9, 0), to: "zk"), $= x$)
+
+  // Draw arrows and labels
+  let arrow-style = (end: ">", fill: black, scale: 0.8, offset: 0.1)
+  line("z0", "z1", mark: arrow-style, name: "z0-z1")
+  content("z0-z1.mid", $f_1(z_0)$, name: "f1", anchor: "south", padding: (bottom: 3pt))
+
+  line("dots1.east", "zi", mark: arrow-style, name: "z1-zi")
+  content("z1-zi.30%", $f_i (z_1)$, name: "fi", anchor: "south", padding: (bottom: 3pt))
+
+  line("zi", "zi1", mark: arrow-style, name: "zi-zi1")
+  content("zi-zi1.mid", $f_(i+1) (z_i)$, name: "fi1", anchor: "south", padding: (bottom: 3pt))
+
+  line("dots2.east", "zk", mark: arrow-style, name: "zi1-zk")
+  content("zi1-zk.30%", $f_k (z_(k-1))$, name: "fk", anchor: "south", padding: (bottom: 3pt))
+
+  // Draw distributions
+  draw-distro(0, y-distro, p0, name: "d0")
+  content("d0.south", $z_0 ~ p_0(z_0)$, anchor: "north", padding: (top: 3pt))
+
+  draw-distro(2 * node-spacing, y-distro, pi, name: "di")
+  content("di.south", $z_i ~ p_i(z_i)$, anchor: "north", padding: (top: 3pt))
+
+  draw-distro(4 * node-spacing, y-distro, pk, name: "dk")
+  content("dk.south", $z_k ~ p_k(z_k)$, anchor: "north", padding: (top: 3pt))
+})

assets/otto-cycle/otto-cycle.typ

@@ -1,7 +1,7 @@
 #import "@preview/cetz:0.3.1": canvas, draw
 #import draw: line, content, circle, bezier
 
-#set page(width: auto, height: auto, margin: 3pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 #let (V, p) = (9, 6)
 

assets/plate-capacitor/plate-capacitor.typ

@@ -1,7 +1,7 @@
 #import "@preview/cetz:0.3.1": canvas, draw
 #import draw: line, rect, content, bezier, group, anchor
 
-#set page(width: auto, height: auto, margin: 5pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 // Constants
 #let height = 5

assets/self-attention/self-attention.typ

@@ -1,7 +1,7 @@
 #import "@preview/cetz:0.3.1": canvas, draw
 #import draw: line, content, circle, rect, bezier, set-style
 
-#set page(width: auto, height: auto, margin: 3pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 #canvas({
   set-style(

assets/sign-plane/sign-plane.typ

@@ -5,7 +5,7 @@
 #let quarter_size = size / 4
 #let gap = 0.1 // gap between squares
 #let axes-extend = 0.3
-#set page(width: auto, height: auto, margin: 3pt)
+#set page(width: auto, height: auto, margin: 8pt)
 
 #canvas({
   // Draw axes

assets/thermo-ensemble-trafos/thermo-ensemble-trafos.typ

@@ -3,7 +3,7 @@
 
 #let horizontal_dist = 4
 #let vertical_dist = 2
-#set page(width: auto, height: auto, margin: 3pt)
+#set page(width: auto, height: auto, margin: 8pt)
 #let mark_style = (end: "stealth", fill: black)
 
 #cetz.canvas(