uxml-preview 0.5.0 → 0.6.0

package/dist/index.js

@@ -1,93 +1,150 @@
-import { loadYoga as tt, PositionType as ne, Direction as be, Edge as q, BoxSizing as nt, FlexDirection as G, Wrap as Y, Justify as P, Align as W, Display as st, Overflow as rt } from "yoga-layout/load";
-function J(e) {
+import { loadYoga as pt, PositionType as ue, Direction as De, Edge as te, BoxSizing as ht, FlexDirection as ne, Wrap as oe, Justify as J, Align as P, Display as mt, Overflow as gt } from "yoga-layout/load";
+const Pe = {
+  // VisualElement is the base class and carries no class of its own.
+  VisualElement: { hasText: !1, classes: [], parts: [] },
+  Label: { hasText: !0, classes: ["unity-label"], parts: [] },
+  Button: { hasText: !0, classes: ["unity-button"], parts: [] },
+  // Image draws a texture, not text. Its picture reaches this renderer through
+  // `background-image` in USS, which `resolveAsset` can turn into something a
+  // browser will load; a texture assigned from C# has no path to follow here.
+  Image: { hasText: !1, classes: ["unity-image"], parts: [] },
+  /**
+   * Four elements from one tag. The names below are observed in
+   * `tests/golden/unity/scrollview-*.json`, not taken from documentation — the
+   * middle one, `unity-content-and-vertical-scroll-container`, is not in
+   * Unity's manual diagram at all and was found by dumping.
+   *
+   * The styles are inference, unlike the names: they are how this renderer
+   * reproduces the measured geometry, and the three `scrollview-*` golden cases
+   * are what decides whether the inference is right.
+   */
+  ScrollView: {
+    hasText: !1,
+    classes: ["unity-scroll-view"],
+    parts: [
+      // Fills the ScrollView's content box, and lays the viewport out beside
+      // the vertical scrollbar — hence row.
+      {
+        name: "unity-content-and-vertical-scroll-container",
+        style: { "flex-grow": "1", "flex-direction": "row" }
+      },
+      // What actually clips. Takes whatever width the scrollbar leaves.
+      { name: "unity-content-viewport", style: { "flex-grow": "1", overflow: "hidden" } },
+      // `flex-shrink: 0` is the whole reason a ScrollView is not one box:
+      // this grows to the content's height instead of being squeezed into the
+      // viewport's, so children keep their sizes and the viewport crops them.
+      // Without it three 60px children in a 100px view come out 33/34/33.
+      { name: "unity-content-container", style: { "flex-shrink": "0" } }
+    ]
+  }
+}, de = { hasText: !1, classes: [], parts: [] }, yt = "UXML", bt = /* @__PURE__ */ new Set(["Style", "Template", "AttributeOverrides", "Bindings", "Columns"]);
+function ye(e) {
+  return bt.has(e.name.local);
+}
+function X(e) {
+  var t;
+  if (((t = e.derived) == null ? void 0 : t.kind) === "template-container") return { spec: de, fallback: !1 };
+  const n = Pe[e.name.local];
+  return n !== void 0 ? { spec: n, fallback: !1 } : vt(e) ? { spec: de, fallback: !1 } : { spec: de, fallback: !0 };
+}
+function vt(e) {
+  return e.name.local === yt;
+}
+function wt(e) {
+  return X(e).spec.classes;
+}
+function kt() {
+  return Object.keys(Pe);
+}
+function Z(e) {
   const n = (t, s) => !Number.isInteger(t) || t < 0 || t > 1114111 || t >= 55296 && t <= 57343 ? s : String.fromCodePoint(t);
   return e.replace(/&#x([0-9a-f]+);/gi, (t, s) => n(parseInt(s, 16), t)).replace(/&#(\d+);/g, (t, s) => n(Number(s), t)).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&amp;/g, "&");
 }
-function ye(e) {
+function Me(e) {
   return e !== void 0 && /[A-Za-z0-9_.:-]/.test(e);
 }
-function xe(e) {
+function Ce(e) {
   return e !== void 0 && /[A-Za-z_]/.test(e);
 }
-function it(e) {
+function xt(e) {
   return e === " " || e === "	" || e === `
 ` || e === "\r";
 }
-function Re(e) {
+function We(e) {
   const n = [];
   let t = 0, s = 0;
-  const i = () => s++;
-  function r(a, f, l) {
+  const o = () => s++;
+  function i(d, m, a) {
     n.push({
       kind: "malformed",
-      message: a,
-      at: { in: "uxml", span: { start: f, end: l } }
+      message: d,
+      at: { in: "uxml", span: { start: m, end: a } }
     });
   }
-  function u() {
-    for (; it(e[t]); ) t++;
-  }
   function c() {
+    for (; xt(e[t]); ) t++;
+  }
+  function u() {
     for (; ; ) {
-      const a = e.indexOf("<", t);
-      if (a < 0) {
+      const d = e.indexOf("<", t);
+      if (d < 0) {
         t = e.length;
         return;
       }
-      const f = e[a + 1];
-      if (f === "!") {
-        if (e.startsWith("<!--", a)) {
-          const l = e.indexOf("-->", a + 4);
-          t = l < 0 ? e.length : l + 3;
-        } else if (e.startsWith("<![CDATA[", a)) {
-          const l = e.indexOf("]]>", a + 9);
-          t = l < 0 ? e.length : l + 3;
+      const m = e[d + 1];
+      if (m === "!") {
+        if (e.startsWith("<!--", d)) {
+          const a = e.indexOf("-->", d + 4);
+          t = a < 0 ? e.length : a + 3;
+        } else if (e.startsWith("<![CDATA[", d)) {
+          const a = e.indexOf("]]>", d + 9);
+          t = a < 0 ? e.length : a + 3;
         } else {
-          const l = e.indexOf(">", a);
-          t = l < 0 ? e.length : l + 1;
+          const a = e.indexOf(">", d);
+          t = a < 0 ? e.length : a + 1;
         }
         continue;
       }
-      if (f === "?") {
-        const l = e.indexOf("?>", a + 2);
-        t = l < 0 ? e.length : l + 2;
+      if (m === "?") {
+        const a = e.indexOf("?>", d + 2);
+        t = a < 0 ? e.length : a + 2;
         continue;
       }
-      t = a;
+      t = d;
       return;
     }
   }
-  function v() {
-    const a = t;
-    for (; ye(e[t]); ) t++;
-    const f = e.slice(a, t), l = f.indexOf(":");
-    return l < 0 ? { prefix: null, local: f } : { prefix: f.slice(0, l), local: f.slice(l + 1) };
-  }
-  function d() {
-    const a = t;
-    for (; ye(e[t]); ) t++;
-    if (t === a) return null;
-    const f = e.slice(a, t), l = t;
-    if (u(), e[t] !== "=")
-      return t = l, r(`attribute "${f}" has no value`, a, l), { name: f, value: "", span: { start: a, end: l } };
-    t++, u();
-    const h = e[t];
-    if (h !== '"' && h !== "'")
-      return r(`attribute "${f}" has an unquoted value`, a, t), { name: f, value: "", span: { start: a, end: t } };
+  function g() {
+    const d = t;
+    for (; Me(e[t]); ) t++;
+    const m = e.slice(d, t), a = m.indexOf(":");
+    return a < 0 ? { prefix: null, local: m } : { prefix: m.slice(0, a), local: m.slice(a + 1) };
+  }
+  function p() {
+    const d = t;
+    for (; Me(e[t]); ) t++;
+    if (t === d) return null;
+    const m = e.slice(d, t), a = t;
+    if (c(), e[t] !== "=")
+      return t = a, i(`attribute "${m}" has no value`, d, a), { name: m, value: "", span: { start: d, end: a } };
+    t++, c();
+    const b = e[t];
+    if (b !== '"' && b !== "'")
+      return i(`attribute "${m}" has an unquoted value`, d, t), { name: m, value: "", span: { start: d, end: t } };
     t++;
-    const g = t, p = e.indexOf(h, t);
-    return p < 0 ? (r(`attribute "${f}" has an unterminated value`, a, e.length), t = e.length, { name: f, value: e.slice(g), span: { start: a, end: t } }) : (t = p + 1, { name: f, value: e.slice(g, p), span: { start: a, end: t } });
+    const r = t, w = e.indexOf(b, t);
+    return w < 0 ? (i(`attribute "${m}" has an unterminated value`, d, e.length), t = e.length, { name: m, value: e.slice(r), span: { start: d, end: t } }) : (t = w + 1, { name: m, value: e.slice(r, w), span: { start: d, end: t } });
   }
-  function o() {
-    const a = t;
+  function l() {
+    const d = t;
     t++;
-    const f = v(), l = [];
-    let h = !1;
+    const m = g(), a = [];
+    let b = !1;
     for (; ; ) {
-      u();
+      c();
       const k = e[t];
       if (k === void 0) {
-        r("unterminated open tag", a, e.length);
+        i("unterminated open tag", d, e.length);
         break;
       }
       if (k === ">") {
@@ -95,60 +152,60 @@ function Re(e) {
         break;
       }
       if (k === "/" && e[t + 1] === ">") {
-        t += 2, h = !0;
+        t += 2, b = !0;
         break;
       }
-      const x = d();
-      if (x === null) {
+      const v = p();
+      if (v === null) {
         t++;
         continue;
       }
-      l.push(x);
+      a.push(v);
     }
-    const g = { start: a, end: t };
-    if (h)
+    const r = { start: d, end: t };
+    if (b)
       return {
-        id: i(),
-        name: f,
-        attributes: l,
+        id: o(),
+        name: m,
+        attributes: a,
         children: [],
-        spans: { openTag: g, inner: { start: t, end: t }, closeTag: null },
+        spans: { openTag: r, inner: { start: t, end: t }, closeTag: null },
         tagDirty: !1,
         childrenDirty: !1
       };
-    const p = t, b = [];
+    const w = t, y = [];
     for (; ; ) {
-      if (c(), t >= e.length) {
-        r(`unterminated element <${Ce(f)}>`, a, e.length);
+      if (u(), t >= e.length) {
+        i(`unterminated element <${_e(m)}>`, d, e.length);
         break;
       }
       const k = e[t + 1];
       if (k === "/") break;
-      if (!xe(k)) {
+      if (!Ce(k)) {
         t++;
         continue;
       }
-      b.push(o());
+      y.push(l());
     }
-    const m = t;
-    let y = null;
+    const h = t;
+    let f = null;
     if (e.startsWith("</", t)) {
-      const k = e.indexOf(">", t), x = k < 0 ? e.length : k + 1;
-      k < 0 && r("unterminated end tag", t, x), y = { start: t, end: x }, t = x;
+      const k = e.indexOf(">", t), v = k < 0 ? e.length : k + 1;
+      k < 0 && i("unterminated end tag", t, v), f = { start: t, end: v }, t = v;
     }
     return {
-      id: i(),
-      name: f,
-      attributes: l,
-      children: b,
-      spans: { openTag: g, inner: { start: p, end: m }, closeTag: y },
+      id: o(),
+      name: m,
+      attributes: a,
+      children: y,
+      spans: { openTag: r, inner: { start: w, end: h }, closeTag: f },
       tagDirty: !1,
       childrenDirty: !1
     };
   }
-  return c(), t < e.length && xe(e[t + 1]) ? { root: o(), warnings: n } : (r("no root element", 0, 0), {
+  return u(), t < e.length && Ce(e[t + 1]) ? { root: l(), warnings: n } : (i("no root element", 0, 0), {
     root: {
-      id: i(),
+      id: o(),
       name: { prefix: null, local: "" },
       attributes: [],
       children: [],
@@ -159,56 +216,57 @@ function Re(e) {
     warnings: n
   });
 }
-function Ce(e) {
+function _e(e) {
   return e.prefix === null ? e.local : `${e.prefix}:${e.local}`;
 }
-let Me;
-function ot(e) {
-  Me = e;
+let Be;
+function St(e) {
+  Be = e;
 }
-const Ue = /* @__PURE__ */ new WeakMap();
-function lt(e, n) {
-  Ue.set(e, n);
+const He = /* @__PURE__ */ new WeakMap();
+function $t(e, n) {
+  He.set(e, n);
 }
-function bn(e) {
-  return Re(e).root.children.filter((t) => t.name.local === "Template").flatMap((t) => {
-    const s = Le(t, "src");
-    return s === void 0 || s.length === 0 ? [] : [J(s)];
+function Fn(e) {
+  return We(e).root.children.filter((t) => t.name.local === "Template").flatMap((t) => {
+    const s = Ve(t, "src");
+    return s === void 0 || s.length === 0 ? [] : [Z(s)];
   });
 }
-const ke = 32;
-function Le(e, n) {
+const Re = 32;
+function Ve(e, n) {
   var t;
   return (t = e.attributes.find((s) => s.name === n)) == null ? void 0 : t.value;
 }
-function U(e, n) {
-  const t = Le(e, n);
-  return t === void 0 ? void 0 : J(t);
+function F(e, n) {
+  const t = Ve(e, n);
+  return t === void 0 ? void 0 : Z(t);
 }
-function We(e) {
+function qe(e) {
   const n = /* @__PURE__ */ new Map();
   for (const t of e.root.children) {
     if (t.name.local !== "Template") continue;
-    const s = U(t, "name"), i = U(t, "src");
-    s === void 0 || s.length === 0 || i === void 0 || i.length === 0 || n.set(s, { name: s, src: i, node: t });
+    const s = F(t, "name"), o = F(t, "src");
+    s === void 0 || s.length === 0 || o === void 0 || o.length === 0 || n.set(s, { name: s, src: o, node: t });
   }
   return n;
 }
-function ze(e, n) {
+function Ye(e, n) {
   return JSON.stringify([e, n]);
 }
-function at(e) {
+function Tt(e) {
   return /(?:^|\/)Packages\//i.test(e) || /PackageCache/i.test(e);
 }
-function j(e, n, t, s, i) {
+function V(e, n, t, s, o, i = {}) {
   e.push({
     kind: n,
     message: t,
     ...s === void 0 ? {} : { node: s.id },
-    ...i === void 0 ? {} : { sourceDocument: i }
+    ...o === void 0 ? {} : { sourceDocument: o },
+    ...i
   });
 }
-function ee(e, n = 0, t = void 0) {
+function le(e, n = 0, t = void 0) {
   return {
     ...e,
     span: {
@@ -218,140 +276,146 @@ function ee(e, n = 0, t = void 0) {
     ...t === void 0 ? {} : { sourceDocument: t }
   };
 }
-function _e(e) {
+function Je(e) {
   return { prefix: e.prefix, local: e.local };
 }
-function Se() {
+function je() {
   return { start: 0, end: 0 };
 }
-function se(e, n) {
+function fe(e, n) {
   return { start: e.start + n, end: e.end + n };
 }
-function ct(e, n, t, s, i) {
+function Et(e, n, t, s, o) {
   return {
     id: e,
     name: n,
     attributes: t,
     children: s,
-    spans: { openTag: Se(), inner: Se(), closeTag: null },
+    spans: { openTag: je(), inner: je(), closeTag: null },
     tagDirty: !1,
     childrenDirty: !1,
-    ...i === void 0 ? {} : { derived: { kind: "template-container", instance: i } }
+    ...o === void 0 ? {} : { derived: { kind: "template-container", instance: o } }
   };
 }
-function ut(e, n, t) {
-  const s = e.items.map((i) => i.kind !== "import" || i.resolvedSheet === void 0 ? i.kind === "rule" ? {
-    ...i,
+function Ot(e, n, t) {
+  const s = e.items.map((o) => o.kind !== "import" || o.resolvedSheet === void 0 ? o.kind === "rule" ? {
+    ...o,
     rule: {
-      ...i.rule,
-      selectors: i.rule.selectors.map((r) => ({
-        ...r,
-        parts: r.parts.map((u) => ({ ...u, simple: [...u.simple] }))
+      ...o.rule,
+      selectors: o.rule.selectors.map((i) => ({
+        ...i,
+        parts: i.parts.map((c) => ({ ...c, simple: [...c.simple] }))
       })),
-      declarations: i.rule.declarations.map((r) => ({ ...r }))
+      declarations: o.rule.declarations.map((i) => ({ ...i }))
     }
-  } : { ...i } : { ...i, resolvedSheet: i.resolvedSheet + n });
+  } : { ...o } : { ...o, resolvedSheet: o.resolvedSheet + n });
   return { ...e, items: s, sourceDocumentFrom: t };
 }
-function dt(e, n) {
+function It(e, n) {
   const t = n.sheetOffsets.get(e.document);
   if (t !== void 0) return t;
-  const s = n.sheets.length, i = e.document.sheets.map((u, c) => s + c), r = e.document.sheets.map(() => e.url);
-  return e.document.sheets.forEach((u, c) => {
-    for (const v of u.items)
-      v.kind === "import" && v.resolvedSheet !== void 0 && (r[v.resolvedSheet] = u.origin ?? e.url);
-  }), n.sheetOffsets.set(e.document, i), e.document.sheets.forEach(
-    (u, c) => n.sheets.push(ut(u, s, r[c]))
-  ), i;
-}
-function je(e, n) {
+  const s = n.sheets.length, o = e.document.sheets.map((c, u) => s + u), i = e.document.sheets.map(() => e.url);
+  return e.document.sheets.forEach((c, u) => {
+    for (const g of c.items)
+      g.kind === "import" && g.resolvedSheet !== void 0 && (i[g.resolvedSheet] = c.origin ?? e.url);
+  }), n.sheetOffsets.set(e.document, o), e.document.sheets.forEach(
+    (c, u) => n.sheets.push(Ot(c, s, i[u]))
+  ), o;
+}
+function Ge(e, n) {
   const t = n.sourceOffsets.get(e);
   if (t !== void 0) return t;
   const s = n.sourceLength + 1;
   return n.sourceOffsets.set(e, s), n.sources.push(`
 ${e.source}`), n.sourceLength += e.source.length + 1, s;
 }
-function ft(e, n, t, s, i) {
-  for (const r of e.document.styleRoots ?? []) {
-    const u = n[r.sheet];
-    if (u === void 0) continue;
-    const c = t.nodes.get(r.scope) ?? s.id;
-    i.styleRoots.push({ sheet: u, scope: c });
+function Dt(e, n, t, s, o) {
+  for (const i of e.document.styleRoots ?? []) {
+    const c = n[i.sheet];
+    if (c === void 0) continue;
+    const u = t.nodes.get(i.scope) ?? s.id;
+    o.styleRoots.push({ sheet: c, scope: u });
   }
 }
-function pt(e) {
+function Mt(e) {
   return e.map((n) => {
-    const t = U(n, "name"), s = U(n, "slot");
+    const t = F(n, "name"), s = F(n, "slot");
     return `<${n.name.local}${t === void 0 ? "" : ` name="${t}"`}${s === void 0 ? "" : ` slot="${s}"`}>`;
   });
 }
-function Fe(e, n) {
-  const t = U(e, "slot-name");
+function Ke(e, n) {
+  const t = F(e, "slot-name");
   t !== void 0 && t.length > 0 && n.add(t);
-  for (const s of e.children) Fe(s, n);
+  for (const s of e.children) Ke(s, n);
 }
-function V(e, n, t, s, i) {
-  const r = /* @__PURE__ */ new Set();
-  t !== null && Fe(t.document.root, r), !(r.size === 0 && n.length === 0) && j(
-    i.warnings,
+function ee(e, n, t, s, o) {
+  const i = /* @__PURE__ */ new Set();
+  t !== null && Ke(t.document.root, i), !(i.size === 0 && n.length === 0) && V(
+    o.warnings,
     "template-slot-unsupported",
-    `Template slots are unsupported; defined slot names: ${t === null ? "(unavailable)" : r.size === 0 ? "(none)" : [...r].join(", ")}; children not placed: ${n.length === 0 ? "(none)" : pt(n).join(", ")}`,
+    `Template slots are unsupported; defined slot names: ${t === null ? "(unavailable)" : i.size === 0 ? "(none)" : [...i].join(", ")}; children not placed: ${n.length === 0 ? "(none)" : Mt(n).join(", ")}`,
     e,
-    s
+    s,
+    { reason: "not-rendered" }
   );
 }
-function pe(e, n) {
-  if (e.name.local !== "Style" && e.name.local !== "Template" && e.name.local !== "AttributeOverrides") {
-    const t = U(e, "name");
+function $e(e, n) {
+  if (!ye(e)) {
+    const t = F(e, "name");
     t !== void 0 && t.length > 0 && n.set(t, (n.get(t) ?? 0) + 1);
   }
-  for (const t of e.children) pe(t, n);
+  for (const t of e.children) $e(t, n);
 }
-function Pe(e, n, t) {
-  U(e, "name") === n && t.push(e);
-  for (const s of e.children) Pe(s, n, t);
+function Xe(e, n, t) {
+  F(e, "name") === n && t.push(e);
+  for (const s of e.children) Xe(s, n, t);
 }
-function ht(e, n, t, s, i) {
+function Ct(e, n, t, s, o) {
   if (n.length === 0) return;
-  const r = /* @__PURE__ */ new Map();
-  pe(e, r);
-  for (const u of n) {
-    const c = U(u, "element-name"), v = U(u, "style");
-    if (v !== void 0 && j(
-      i.warnings,
+  const i = /* @__PURE__ */ new Map();
+  $e(e, i);
+  for (const c of n) {
+    const u = F(c, "element-name"), g = F(c, "style");
+    if (g !== void 0 && V(
+      o.warnings,
       "override-style-ignored",
-      `AttributeOverrides style for element-name "${c ?? "(missing)"}" was ignored with value "${v}"; Unity ignores style AttributeOverrides, so this matches Unity and is not a preview limitation.`,
-      u,
-      s ?? void 0
-    ), c === void 0 || c.length === 0) continue;
-    const d = [];
-    if (Pe(e, c, d), d.length === 0) {
-      const o = [...r.keys()];
-      j(
-        i.warnings,
+      `AttributeOverrides style for element-name "${u ?? "(missing)"}" was ignored with value "${g}"`,
+      c,
+      s ?? void 0,
+      {
+        reason: "matches-unity",
+        ...u === void 0 ? {} : { subject: { kind: "name", name: u } }
+      }
+    ), u === void 0 || u.length === 0) continue;
+    const p = [];
+    if (Xe(e, u, p), p.length === 0) {
+      const l = [...i.keys()];
+      V(
+        o.warnings,
         "override-target-missing",
-        `AttributeOverrides target "${c}" matched no element; available names: ${o.length === 0 ? "(none)" : o.join(", ")}`,
-        u,
-        s ?? void 0
+        `AttributeOverrides target "${u}" matched no element; available names: ${l.length === 0 ? "(none)" : l.join(", ")}`,
+        c,
+        s ?? void 0,
+        { reason: "invalid-value", subject: { kind: "name", name: u } }
       );
       continue;
     }
-    for (const o of d)
-      for (const a of u.attributes) {
-        if (a.name === "element-name" || a.name === "style") continue;
-        const f = o.attributes.find((l) => l.name === a.name);
-        f === void 0 ? o.attributes.push(ee(a, t, s)) : (f.value = a.value, f.sourceDocument = s);
+    for (const l of p)
+      for (const d of c.attributes) {
+        if (d.name === "element-name" || d.name === "style") continue;
+        const m = l.attributes.find((a) => a.name === d.name);
+        m === void 0 ? l.attributes.push(le(d, t, s)) : (m.value = d.value, m.sourceDocument = s);
       }
   }
 }
-function Be(e) {
-  return e.name.local === "Template" || e.name.local === "Instance" ? !0 : e.children.some(Be);
+function Ze(e) {
+  return e.name.local === "Template" || e.name.local === "Instance" ? !0 : e.children.some(Ze);
 }
-function mt(e, n) {
+function Rt(e, n) {
   let t = 0;
-  const s = (i) => {
-    t = Math.max(t, Number(i.id) + 1);
-    for (const r of i.children) s(r);
+  const s = (o) => {
+    t = Math.max(t, Number(o.id) + 1);
+    for (const i of o.children) s(i);
   };
   return s(e.root), {
     resolver: n,
@@ -368,101 +432,108 @@ function mt(e, n) {
     stack: []
   };
 }
-function gt(e, n, t) {
-  var v;
-  const s = ze(e.src, n);
+function jt(e, n, t) {
+  var g;
+  const s = Ye(e.src, n);
   if (t.cache.has(s)) return t.cache.get(s) ?? null;
-  const i = ((v = t.resolver) == null ? void 0 : v.call(t, e.src, n)) ?? null;
-  if (i === null)
-    return t.cache.set(s, null), j(
+  const o = ((g = t.resolver) == null ? void 0 : g.call(t, e.src, n)) ?? null;
+  if (o === null)
+    return t.cache.set(s, null), V(
       t.warnings,
       "template-src-unresolved",
       `Template "${e.name}" src "${e.src}" could not be resolved from ${n === null ? "the entry UXML" : `"${n}"`}; attempted resolveImport("${e.src}", ${n === null ? "null" : `"${n}"`}); internal filesystem search paths: none`,
       e.node,
-      n ?? void 0
-    ), at(e.src) && j(
+      n ?? void 0,
+      { subject: { kind: "import", url: e.src, from: n } }
+    ), Tt(e.src) && V(
       t.warnings,
       "package-path-not-searched",
       `Template src "${e.src}" was unresolved; the resolver returned no source and the core does not independently search Unity Packages/Library/PackageCache paths`,
       e.node,
-      n ?? void 0
+      n ?? void 0,
+      { reason: "not-rendered", subject: { kind: "import", url: e.src, from: n } }
     ), null;
-  const r = Me;
-  if (r === void 0)
+  const i = Be;
+  if (i === void 0)
     throw new Error("template parser is not registered; import parse from src/index before expansion");
-  const u = r(
-    i,
-    t.resolver === void 0 ? void 0 : (d, o) => t.resolver(d, o ?? e.src)
-  ), c = {
+  const c = i(
+    o,
+    t.resolver === void 0 ? void 0 : (p, l) => t.resolver(p, l ?? e.src)
+  ), u = {
     url: e.src,
     from: n,
-    document: u,
-    declarations: We(u)
+    document: c,
+    declarations: qe(c)
   };
-  return t.cache.set(s, c), c;
+  return t.cache.set(s, u), u;
 }
-function wt(e, n, t) {
-  var s, i;
+function Nt(e, n, t) {
+  var s, o, i, c;
   if (!t.reportedWarnings.has(e.document)) {
     t.reportedWarnings.add(e.document);
-    for (const r of e.document.warnings)
-      ((s = r.at) == null ? void 0 : s.in) === "uss" ? t.warnings.push({
-        ...r,
-        at: { ...r.at, sheet: n[r.at.sheet] ?? r.at.sheet },
-        sourceDocument: ((i = e.document.sheets[r.at.sheet]) == null ? void 0 : i.origin) ?? e.url
-      }) : t.warnings.push({ ...r, sourceDocument: e.url });
-  }
-}
-function te(e, n, t, s, i, r) {
-  const u = i ? e.id : n.nextId(), c = s === null ? 0 : n.sourceOffsets.get(s.document) ?? 0, v = c === 0 || s === null ? void 0 : s.url, d = {
-    id: u,
-    name: _e(e.name),
-    attributes: e.attributes.map((o) => ee(o, c, v)),
+    for (const u of e.document.warnings)
+      ((s = u.at) == null ? void 0 : s.in) === "uss" ? t.warnings.push({
+        ...u,
+        at: {
+          ...u.at,
+          sheet: n[u.at.sheet] ?? u.at.sheet,
+          url: ((o = e.document.sheets[u.at.sheet]) == null ? void 0 : o.origin) ?? null,
+          from: ((i = t.sheets[n[u.at.sheet] ?? u.at.sheet]) == null ? void 0 : i.sourceDocumentFrom) ?? null
+        },
+        sourceDocument: ((c = e.document.sheets[u.at.sheet]) == null ? void 0 : c.origin) ?? e.url
+      }) : t.warnings.push({ ...u, sourceDocument: e.url });
+  }
+}
+function ce(e, n, t, s, o, i) {
+  const c = o ? e.id : n.nextId(), u = s === null ? 0 : n.sourceOffsets.get(s.document) ?? 0, g = u === 0 || s === null ? void 0 : s.url, p = {
+    id: c,
+    name: Je(e.name),
+    attributes: e.attributes.map((l) => le(l, u, g)),
     children: [],
     spans: {
-      openTag: se(e.spans.openTag, c),
-      inner: se(e.spans.inner, c),
-      closeTag: e.spans.closeTag === null ? null : se(e.spans.closeTag, c)
+      openTag: fe(e.spans.openTag, u),
+      inner: fe(e.spans.inner, u),
+      closeTag: e.spans.closeTag === null ? null : fe(e.spans.closeTag, u)
     },
     tagDirty: e.tagDirty,
     childrenDirty: e.childrenDirty,
-    ...c === 0 || s === null ? {} : {
+    ...u === 0 || s === null ? {} : {
       sourceDocument: s.url,
       sourceDocumentFrom: s.from,
       sourceNode: e.id
     }
   };
-  t.nodes.set(e.id, d.id);
-  for (const o of e.children)
-    if (!(o.name.local === "Template" || o.name.local === "Style")) {
-      if (o.name.local === "Instance") {
-        d.children.push(he(o, n, s, t, r + 1));
+  t.nodes.set(e.id, p.id);
+  for (const l of e.children)
+    if (!(l.name.local === "Template" || l.name.local === "Style")) {
+      if (l.name.local === "Instance") {
+        p.children.push(Te(l, n, s, t, i + 1));
         continue;
       }
-      o.name.local !== "AttributeOverrides" && U(o, "slot") === void 0 && d.children.push(te(o, n, t, s, i, r));
+      l.name.local !== "AttributeOverrides" && F(l, "slot") === void 0 && p.children.push(ce(l, n, t, s, o, i));
     }
-  return d;
-}
-function vt(e, n, t, s) {
-  je(e.document, t);
-  const i = { nodes: /* @__PURE__ */ new Map([[e.document.root.id, n.id]]) };
-  for (const r of e.document.root.children)
-    if (!(r.name.local === "Template" || r.name.local === "Style")) {
-      if (r.name.local === "Instance") {
-        n.children.push(he(r, t, e, i, s + 1));
+  return p;
+}
+function At(e, n, t, s) {
+  Ge(e.document, t);
+  const o = { nodes: /* @__PURE__ */ new Map([[e.document.root.id, n.id]]) };
+  for (const i of e.document.root.children)
+    if (!(i.name.local === "Template" || i.name.local === "Style")) {
+      if (i.name.local === "Instance") {
+        n.children.push(Te(i, t, e, o, s + 1));
         continue;
       }
-      r.name.local !== "AttributeOverrides" && U(r, "slot") === void 0 && n.children.push(te(r, t, i, e, !1, s));
+      i.name.local !== "AttributeOverrides" && F(i, "slot") === void 0 && n.children.push(ce(i, t, o, e, !1, s));
     }
-  return i;
+  return o;
 }
-function he(e, n, t, s, i) {
-  const r = ct(
+function Te(e, n, t, s, o) {
+  const i = Et(
     n.nextId(),
     { prefix: e.name.prefix, local: "TemplateContainer" },
-    e.attributes.filter((b) => b.name !== "template").map(
-      (b) => ee(
-        b,
+    e.attributes.filter((y) => y.name !== "template").map(
+      (y) => le(
+        y,
         t === null ? 0 : n.sourceOffsets.get(t.document) ?? 0,
         t === null || t.url.length === 0 ? null : t.url
       )
@@ -470,74 +541,80 @@ function he(e, n, t, s, i) {
     [],
     e.id
   );
-  t !== null && (r.sourceDocument = t.url.length > 0 ? t.url : null, r.sourceDocumentFrom = t.from), s.nodes.set(e.id, r.id);
-  const u = U(e, "template"), c = e.children.filter((b) => U(b, "slot") !== void 0), v = t === null || t.url.length === 0 ? void 0 : t.url, d = t == null ? void 0 : t.declarations.get(u ?? "");
-  if (d === void 0)
-    return V(e, c, null, v, n), j(
+  t !== null && (i.sourceDocument = t.url.length > 0 ? t.url : null, i.sourceDocumentFrom = t.from), s.nodes.set(e.id, i.id);
+  const c = F(e, "template"), u = e.children.filter((y) => F(y, "slot") !== void 0), g = t === null || t.url.length === 0 ? void 0 : t.url, p = t == null ? void 0 : t.declarations.get(c ?? "");
+  if (p === void 0)
+    return ee(e, u, null, g, n), V(
       n.warnings,
       "template-not-declared",
-      `Instance${u === void 0 ? "" : ` template "${u}"`} has no matching Template declaration`,
+      `Instance${c === void 0 ? "" : ` template "${c}"`} has no matching Template declaration`,
       e,
-      v
-    ), r;
-  const o = t === null || t.url.length === 0 ? null : t.url, a = {
-    key: JSON.stringify([d.name, d.src, o]),
-    label: `${d.name}@${d.src}`
-  }, f = n.stack.findIndex((b) => b.key === a.key);
-  if (f >= 0) {
-    const b = n.cache.get(ze(d.src, o)) ?? null;
-    V(e, c, b, v, n);
-    const m = [...n.stack.slice(f), a].map((y) => y.label).join(" -> ");
-    return j(
+      g,
+      {
+        reason: "invalid-value",
+        ...c === void 0 ? {} : { subject: { kind: "name", name: c } }
+      }
+    ), i;
+  const l = t === null || t.url.length === 0 ? null : t.url, d = {
+    key: JSON.stringify([p.name, p.src, l]),
+    label: `${p.name}@${p.src}`
+  }, m = n.stack.findIndex((y) => y.key === d.key);
+  if (m >= 0) {
+    const y = n.cache.get(Ye(p.src, l)) ?? null;
+    ee(e, u, y, g, n);
+    const h = [...n.stack.slice(m), d].map((f) => f.label).join(" -> ");
+    return V(
       n.warnings,
       "template-cycle",
-      `Template cycle detected: ${m}`,
+      `Template cycle detected: ${h}`,
       e,
-      v
-    ), r;
+      g,
+      { reason: "invalid-value" }
+    ), i;
   }
-  if (i >= ke)
-    return V(e, c, null, v, n), j(
+  if (o >= Re)
+    return ee(e, u, null, g, n), V(
       n.warnings,
       "template-depth-exceeded",
-      `Template expansion exceeded the depth limit ${ke}: ${[
+      `Template expansion exceeded the depth limit ${Re}: ${[
         ...n.stack,
-        a
-      ].map((b) => b.label).join(" -> ")}`,
+        d
+      ].map((y) => y.label).join(" -> ")}`,
       e,
-      v
-    ), r;
-  const l = gt(d, o, n);
-  if (l === null)
-    return V(e, c, null, v, n), r;
-  je(l.document, n), n.stack.push(a);
-  const h = vt(l, r, n, i);
+      g,
+      { reason: "not-rendered" }
+    ), i;
+  const a = jt(p, l, n);
+  if (a === null)
+    return ee(e, u, null, g, n), i;
+  Ge(a.document, n), n.stack.push(d);
+  const b = At(a, i, n, o);
   n.stack.pop();
-  const g = dt(l, n);
-  wt(l, g, n), ft(l, g, h, r, n);
-  const p = e.children.filter((b) => b.name.local === "AttributeOverrides");
-  V(e, c, l, v, n), ht(
-    r,
-    p,
+  const r = It(a, n);
+  Nt(a, r, n), Dt(a, r, b, i, n);
+  const w = e.children.filter((y) => y.name.local === "AttributeOverrides");
+  ee(e, u, a, g, n), Ct(
+    i,
+    w,
     t === null ? 0 : n.sourceOffsets.get(t.document) ?? 0,
     t === null || t.url.length === 0 ? null : t.url,
     n
   );
-  for (const b of e.children)
-    b.name.local === "AttributeOverrides" || b.name.local === "Style" || U(b, "slot") !== void 0 || r.children.push(te(b, n, s, t, !1, i));
-  return r;
+  for (const y of e.children)
+    y.name.local === "AttributeOverrides" || y.name.local === "Style" || F(y, "slot") !== void 0 || i.children.push(ce(y, n, s, t, !1, o));
+  return i;
 }
-function bt(e) {
-  if (!Be(e.root)) return { document: e, warnings: [] };
-  const n = mt(e, Ue.get(e)), t = n.styleRoots.length, s = {
+function Lt(e) {
+  if (!Ze(e.root)) return { document: e, warnings: [] };
+  const n = Rt(e, He.get(e)), t = n.styleRoots.length, s = {
     url: "",
     from: null,
     document: e,
-    declarations: We(e)
-  }, i = { nodes: /* @__PURE__ */ new Map([[e.root.id, e.root.id]]) }, r = {
+    declarations: qe(e)
+  }, o = { nodes: /* @__PURE__ */ new Map([[e.root.id, e.root.id]]) }, i = {
     id: e.root.id,
-    name: _e(e.root.name),
-    attributes: e.root.attributes.map((c) => ee(c)),
+    name: Je(e.root.name),
+    attributes: e.root.attributes.map((u) => le(u)),
     children: [],
     spans: {
       openTag: { ...e.root.spans.openTag },
@@ -547,30 +624,33 @@ function bt(e) {
     tagDirty: e.root.tagDirty,
     childrenDirty: e.root.childrenDirty
   };
-  for (const c of e.root.children)
-    if (!(c.name.local === "Template" || c.name.local === "Style")) {
-      if (c.name.local === "Instance") {
-        r.children.push(he(c, n, s, i, 0));
+  for (const u of e.root.children)
+    if (!(u.name.local === "Template" || u.name.local === "Style")) {
+      if (u.name.local === "Instance") {
+        i.children.push(Te(u, n, s, o, 0));
         continue;
       }
-      c.name.local !== "AttributeOverrides" && U(c, "slot") === void 0 && r.children.push(te(c, n, i, s, !0, 0));
+      u.name.local !== "AttributeOverrides" && F(u, "slot") === void 0 && i.children.push(ce(u, n, o, s, !0, 0));
     }
-  for (let c = 0; c < t; c++) {
-    const v = n.styleRoots[c], d = i.nodes.get(v.scope);
-    d !== void 0 && (n.styleRoots[c] = { ...v, scope: d });
-  }
-  const u = /* @__PURE__ */ new Map();
-  pe(r, u);
-  for (const [c, v] of u)
-    v > 1 && j(
+  for (let u = 0; u < t; u++) {
+    const g = n.styleRoots[u], p = o.nodes.get(g.scope);
+    p !== void 0 && (n.styleRoots[u] = { ...g, scope: p });
+  }
+  const c = /* @__PURE__ */ new Map();
+  $e(i, c);
+  for (const [u, g] of c)
+    g > 1 && V(
       n.warnings,
       "duplicate-name-in-tree",
-      `name "${c}" occurs ${v} times after template expansion`
+      `name "${u}" occurs ${g} times after template expansion`,
+      void 0,
+      void 0,
+      { reason: "matches-unity", subject: { kind: "name", name: u } }
     );
   return {
     document: {
       ...e,
-      root: r,
+      root: i,
       source: n.sources.join(""),
       sheets: n.sheets,
       styleRoots: n.styleRoots
@@ -578,64 +658,7 @@ function bt(e) {
     warnings: n.warnings
   };
 }
-const He = {
-  // VisualElement is the base class and carries no class of its own.
-  VisualElement: { hasText: !1, classes: [], parts: [] },
-  Label: { hasText: !0, classes: ["unity-label"], parts: [] },
-  Button: { hasText: !0, classes: ["unity-button"], parts: [] },
-  // Image draws a texture, not text. Its picture reaches this renderer through
-  // `background-image` in USS, which `resolveAsset` can turn into something a
-  // browser will load; a texture assigned from C# has no path to follow here.
-  Image: { hasText: !1, classes: ["unity-image"], parts: [] },
-  /**
-   * Four elements from one tag. The names below are observed in
-   * `tests/golden/unity/scrollview-*.json`, not taken from documentation — the
-   * middle one, `unity-content-and-vertical-scroll-container`, is not in
-   * Unity's manual diagram at all and was found by dumping.
-   *
-   * The styles are inference, unlike the names: they are how this renderer
-   * reproduces the measured geometry, and the three `scrollview-*` golden cases
-   * are what decides whether the inference is right.
-   */
-  ScrollView: {
-    hasText: !1,
-    classes: ["unity-scroll-view"],
-    parts: [
-      // Fills the ScrollView's content box, and lays the viewport out beside
-      // the vertical scrollbar — hence row.
-      {
-        name: "unity-content-and-vertical-scroll-container",
-        style: { "flex-grow": "1", "flex-direction": "row" }
-      },
-      // What actually clips. Takes whatever width the scrollbar leaves.
-      { name: "unity-content-viewport", style: { "flex-grow": "1", overflow: "hidden" } },
-      // `flex-shrink: 0` is the whole reason a ScrollView is not one box:
-      // this grows to the content's height instead of being squeezed into the
-      // viewport's, so children keep their sizes and the viewport crops them.
-      // Without it three 60px children in a 100px view come out 33/34/33.
-      { name: "unity-content-container", style: { "flex-shrink": "0" } }
-    ]
-  }
-}, re = { hasText: !1, classes: [], parts: [] }, yt = "UXML", xt = /* @__PURE__ */ new Set(["Style"]);
-function kt(e) {
-  return xt.has(e.name.local);
-}
-function H(e) {
-  var t;
-  if (((t = e.derived) == null ? void 0 : t.kind) === "template-container") return { spec: re, fallback: !1 };
-  const n = He[e.name.local];
-  return n !== void 0 ? { spec: n, fallback: !1 } : St(e) ? { spec: re, fallback: !1 } : { spec: re, fallback: !0 };
-}
-function St(e) {
-  return e.name.local === yt;
-}
-function $t(e) {
-  return H(e).spec.classes;
-}
-function Tt() {
-  return Object.keys(He);
-}
-const Z = "6000.0.40f1", Ve = `:disabled {
+const ae = "6000.0.40f1", Qe = `:disabled {
   opacity: 0.5;
 }
 
@@ -643,42 +666,246 @@ const Z = "6000.0.40f1", Ve = `:disabled {
   margin: 1px 3px;
   -unity-text-align: middle-center;
 }
-`, Ot = 13;
-function Et(e) {
-  return e ? Ot : 0;
-}
-const Nt = /* @__PURE__ */ new Set([
-  "color",
-  "font-size",
-  "letter-spacing",
-  "word-spacing",
-  "visibility",
-  "white-space",
-  "-unity-font",
-  "-unity-font-definition",
-  "-unity-font-style",
-  "-unity-paragraph-spacing",
-  "-unity-text-align",
-  "-unity-text-outline-color",
-  "-unity-text-outline-width"
-]);
-function Dt(e) {
-  return e.startsWith("--") || Nt.has(e);
-}
-function $e(e) {
+`, Ut = 13;
+function zt(e) {
+  return e ? Ut : 0;
+}
+const Ft = {
+  measuredTextLayout: "Measured layout effect in Unity probes, 2026-10-15/16 (tests/text-cohort/unity and tests/layout/unity); auto-size grew 32x15 to 99x49 on 6000.3.25f1",
+  measuredTextPaint: "Measured paint-only effect in Unity probes, 2026-10-15/16 (tests/layout/unity)",
+  yoga: "A flexbox style input of Yoga, which UI Toolkit lays out with (CLAUDE.md rule 1); many are compared in the golden set",
+  box: "Margin, padding and border widths are part of the box Yoga sizes and places",
+  aspectRatio: "Yoga sizes a box from aspect-ratio, which Unity passes through from 6.3",
+  all: "Resets every property at once, layout properties included",
+  textSize: "Font size sets the measured size of an auto-sized text element",
+  textMeasureInferred: "Changes glyph metrics or spacing, which feed the text measurement that sizes an auto-sized text element",
+  autoSizeInferred: "Fits the text to the element box rather than the box to the text",
+  renderingModeInferred: "Chooses how glyphs are rasterised in the Editor, not how they are measured",
+  ellipsisInferred: "Truncates text inside a box that is already sized",
+  textAlign: "Places text inside its box; the box does not move (the Step 6 eye check saw it only by looking)",
+  textEffectInferred: "Draws around glyphs that are already placed",
+  colour: "Colour and corner rounding of a box that is already placed",
+  visibility: "Hidden elements keep their space; only display: none removes it",
+  transform: "Transforms apply after layout and do not move siblings (Unity Manual, USS transform)",
+  background: "Draws inside the box; a VisualElement is not sized by its background",
+  overflowInferred: "Clips descendants; with this Yoga version hidden never moved a box (property sheet), and Unity runs Yoga too",
+  clipBoxInferred: "Chooses the clipping rectangle, not any box",
+  effectInferred: "Post-processes pixels that are already drawn",
+  cursor: "Pointer appearance only; nothing is drawn or laid out",
+  timeInferred: "Changes values over time; a settled frame, which is what this preview draws, is unaffected"
+}, Pt = {
+  /** Row count of each table on the date above. A test holds the data to these. */
+  counts: { "6000.0": 95, "6000.3": 99, "6000.6": 102 }
+}, Wt = [
+  ["align-content", "6000.0", !1, "layout", "layout", "yoga"],
+  ["align-items", "6000.0", !1, "layout", "layout", "yoga"],
+  ["align-self", "6000.0", !1, "layout", "layout", "yoga"],
+  ["all", "6000.0", !1, "none", "layout", "all"],
+  ["animation-play-state", "6000.6", !1, "none", "none", "timeInferred"],
+  ["aspect-ratio", "6000.3", !1, "layout", "layout", "aspectRatio"],
+  ["backdrop-filter", "6000.6", !1, "none", "paint", "effectInferred"],
+  ["background-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["background-image", "6000.0", !1, "paint", "paint", "background"],
+  ["background-position", "6000.0", !1, "paint", "paint", "background"],
+  ["background-position-x", "6000.0", !1, "none", "paint", "background"],
+  ["background-position-y", "6000.0", !1, "none", "paint", "background"],
+  ["background-repeat", "6000.0", !1, "paint", "paint", "background"],
+  ["background-size", "6000.0", !1, "paint", "paint", "background"],
+  ["border-bottom-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-bottom-left-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-bottom-right-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-bottom-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-left-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-left-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-right-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-right-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-top-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-top-left-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-top-right-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-top-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-width", "6000.0", !1, "layout", "layout", "box"],
+  ["bottom", "6000.0", !1, "layout", "layout", "yoga"],
+  ["color", "6000.0", !0, "paint", "paint", "colour"],
+  ["cursor", "6000.0", !1, "paint", "none", "cursor"],
+  ["display", "6000.0", !1, "layout", "layout", "yoga"],
+  ["filter", "6000.3", !1, "none", "paint", "measuredTextPaint"],
+  ["flex", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-basis", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-direction", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-grow", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-shrink", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-wrap", "6000.0", !1, "layout", "layout", "yoga"],
+  ["font-size", "6000.0", !0, "layout", "layout", "textSize"],
+  ["height", "6000.0", !1, "layout", "layout", "yoga"],
+  ["justify-content", "6000.0", !1, "layout", "layout", "yoga"],
+  ["left", "6000.0", !1, "layout", "layout", "yoga"],
+  ["letter-spacing", "6000.0", !0, "layout", "layout", "measuredTextLayout"],
+  ["margin", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-bottom", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-left", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-right", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-top", "6000.0", !1, "layout", "layout", "box"],
+  ["max-height", "6000.0", !1, "layout", "layout", "yoga"],
+  ["max-width", "6000.0", !1, "layout", "layout", "yoga"],
+  ["min-height", "6000.0", !1, "layout", "layout", "yoga"],
+  ["min-width", "6000.0", !1, "layout", "layout", "yoga"],
+  ["opacity", "6000.0", !1, "paint", "paint", "colour"],
+  // Yoga is told about `hidden`, but at this Yoga version it never moves a box;
+  // what shows is the clipping, which is the CSS mapping's.
+  ["overflow", "6000.0", !1, "paint", "paint", "overflowInferred"],
+  ["padding", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-bottom", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-left", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-right", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-top", "6000.0", !1, "layout", "layout", "box"],
+  ["position", "6000.0", !1, "layout", "layout", "yoga"],
+  ["right", "6000.0", !1, "layout", "layout", "yoga"],
+  ["rotate", "6000.0", !1, "paint", "paint", "transform"],
+  ["scale", "6000.0", !1, "paint", "paint", "transform"],
+  ["text-overflow", "6000.0", !1, "paint", "paint", "measuredTextPaint"],
+  ["text-shadow", "6000.0", !0, "none", "paint", "measuredTextPaint"],
+  ["top", "6000.0", !1, "layout", "layout", "yoga"],
+  ["transform-origin", "6000.0", !1, "paint", "paint", "transform"],
+  ["transition", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-delay", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-duration", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-property", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-timing-function", "6000.0", !1, "none", "none", "timeInferred"],
+  ["translate", "6000.0", !1, "paint", "paint", "transform"],
+  ["-unity-animation-clip", "6000.6", !1, "none", "none", "timeInferred"],
+  ["-unity-background-image-tint-color", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-background-scale-mode", "6000.0", !1, "paint", "paint", "background"],
+  ["-unity-editor-text-rendering-mode", "6000.0", !0, "none", "paint", "measuredTextPaint"],
+  ["-unity-font", "6000.0", !0, "none", "layout", "textMeasureInferred"],
+  ["-unity-font-definition", "6000.0", !0, "none", "layout", "measuredTextLayout"],
+  ["-unity-font-style", "6000.0", !0, "layout", "layout", "measuredTextLayout"],
+  ["-unity-material", "6000.3", !0, "none", "paint", "effectInferred"],
+  ["-unity-overflow-clip-box", "6000.0", !1, "none", "paint", "measuredTextPaint"],
+  ["-unity-paragraph-spacing", "6000.0", !0, "layout", "layout", "measuredTextLayout"],
+  ["-unity-slice-bottom", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-left", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-right", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-scale", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-top", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-type", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-text-align", "6000.0", !0, "paint", "paint", "textAlign"],
+  ["-unity-text-auto-size", "6000.3", !0, "none", "layout", "measuredTextLayout"],
+  ["-unity-text-generator", "6000.0", !0, "layout", "layout", "measuredTextLayout"],
+  ["-unity-text-outline", "6000.0", !1, "none", "paint", "measuredTextPaint"],
+  ["-unity-text-outline-color", "6000.0", !0, "none", "paint", "measuredTextPaint"],
+  ["-unity-text-outline-width", "6000.0", !0, "none", "paint", "measuredTextPaint"],
+  ["-unity-text-overflow-position", "6000.0", !1, "none", "paint", "measuredTextPaint"],
+  ["visibility", "6000.0", !0, "paint", "paint", "visibility"],
+  ["white-space", "6000.0", !0, "layout", "layout", "measuredTextLayout"],
+  ["width", "6000.0", !1, "layout", "layout", "yoga"],
+  ["word-spacing", "6000.0", !0, "layout", "layout", "measuredTextLayout"]
+], et = Wt.map(
+  ([e, n, t, s, o, i]) => ({
+    name: e,
+    since: n,
+    inherited: t,
+    handling: s,
+    unity: o,
+    basis: Ft[i],
+    inferred: i.endsWith("Inferred")
+  })
+), _t = new Map(et.map((e) => [e.name, e]));
+function Bt(e) {
+  return _t.get(e);
+}
+const Ht = {
+  "font-family": ["-unity-font-definition"],
+  "font-weight": ["-unity-font-style"],
+  "font-style": ["-unity-font-style"],
+  "text-align": ["-unity-text-align"],
+  transform: ["translate", "rotate", "scale"],
+  "border-image": ["-unity-slice-left", "-unity-slice-top", "-unity-slice-right", "-unity-slice-bottom"],
+  "vertical-align": ["-unity-text-align"],
+  font: ["font-size", "-unity-font-definition", "-unity-font-style"],
+  inset: ["top", "right", "bottom", "left"],
+  "overflow-x": ["overflow"],
+  "overflow-y": ["overflow"]
+}, Vt = {
+  "-unity-font": "font not loaded by this preview; the browser default is used",
+  "-unity-font-definition": "font not loaded by this preview; the browser default is used",
+  transition: "not animated by this preview",
+  "transition-delay": "not animated by this preview",
+  "transition-duration": "not animated by this preview",
+  "transition-property": "not animated by this preview",
+  "transition-timing-function": "not animated by this preview",
+  "animation-play-state": "not animated by this preview",
+  "-unity-animation-clip": "not animated by this preview"
+}, qt = `6.${Object.keys(Pt.counts).sort().at(-1).slice(5)}`;
+function Yt(e) {
+  return `Unity 6.${e.slice(5)}+`;
+}
+function tt(e, n) {
+  if (e.startsWith("--")) return null;
+  const t = Bt(e);
+  if (t === void 0) {
+    const c = Ht[e];
+    return {
+      message: `${e}: not in the USS property reference up to Unity ${qt}; ignored` + (c === void 0 ? "" : `; USS uses ${c.join(", ")}`),
+      reason: "not-uss",
+      subject: { kind: "property", property: e, value: n, ...c === void 0 ? {} : { replacements: c } }
+    };
+  }
+  const s = { kind: "property", property: e, value: n };
+  if ((e.includes("color") || e === "text-shadow") && /hsla?\(/i.test(n))
+    return {
+      reason: "invalid-value",
+      message: `${e}: Unity 6000.3 stops styling from this element on at this value; 6000.0 draws it black`,
+      subject: { ...s, unityEffect: { kind: "unstyled-from-here", versions: ["6000.3"] } }
+    };
+  if ((e === "transition-timing-function" || e === "transition") && /cubic-bezier\(/i.test(n))
+    return {
+      reason: "invalid-value",
+      message: `${e}: Unity stops styling from this element on at cubic-bezier()`,
+      subject: { ...s, unityEffect: { kind: "unstyled-from-here", versions: ["6000.0", "6000.3"] } }
+    };
+  if (e === "opacity" && n.trim().endsWith("%"))
+    return { reason: "invalid-value", message: "opacity: Unity reads 50% as 50 (fully opaque), this preview draws it half-transparent", subject: s };
+  if (n.trim() === "inherit")
+    return { reason: "invalid-value", message: `${e}: USS has initial but not inherit; Unity resolved color: inherit to transparent`, subject: s };
+  const o = t.unity === "layout", i = t.since === "6000.0" ? "" : ` (${Yt(t.since)})`;
+  return t.handling === "paint" && o ? {
+    message: `${e}${i}: drawn, but left out of text measurement by this preview`,
+    reason: "not-rendered",
+    subject: { kind: "property", property: e, value: n, since: t.since, affectsLayout: o, applied: "paint" }
+  } : t.handling !== "none" ? null : {
+    message: `${e}${i}: ${Vt[e] ?? "not drawn by this preview"}` + (e === "filter" && /[\w-]+\(/.test(n) ? "; Unity 6000.0 stops styling from this element on" : ""),
+    reason: "not-rendered",
+    subject: {
+      kind: "property",
+      property: e,
+      value: n,
+      since: t.since,
+      affectsLayout: o,
+      // Same probes/dumps, measured 2026-10-15: filter functions poison 6000.0 only.
+      ...e === "filter" && /[\w-]+\(/.test(n) ? { unityEffect: { kind: "unstyled-from-here", versions: ["6000.0"] } } : {}
+    }
+  };
+}
+const be = ["hover", "active", "inactive", "focus", "disabled", "enabled", "checked"], Jt = new Set(et.filter((e) => e.inherited).map((e) => e.name));
+function Gt(e) {
+  return e.startsWith("--") || Jt.has(e);
+}
+function Ne(e) {
   const n = [];
   let t = 0, s = -1;
-  for (let i = 0; i < e.length; i++) {
-    const r = e[i];
-    r === "(" ? t++ : r === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(r) ? s >= 0 && (n.push(e.slice(s, i)), s = -1) : s < 0 && (s = i);
+  for (let o = 0; o < e.length; o++) {
+    const i = e[o];
+    i === "(" ? t++ : i === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(i) ? s >= 0 && (n.push(e.slice(s, o)), s = -1) : s < 0 && (s = o);
   }
   return s >= 0 && n.push(e.slice(s)), n;
 }
-function At(e) {
-  const [n, t, s, i] = e;
-  return n === void 0 ? null : t === void 0 ? [n, n, n, n] : s === void 0 ? [n, t, n, t] : i === void 0 ? [n, t, s, t] : [n, t, s, i];
+function Kt(e) {
+  const [n, t, s, o] = e;
+  return n === void 0 ? null : t === void 0 ? [n, n, n, n] : s === void 0 ? [n, t, n, t] : o === void 0 ? [n, t, s, t] : [n, t, s, o];
 }
-const It = {
+const Xt = {
   margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
   padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
   "border-width": [
@@ -701,24 +928,25 @@ const It = {
     "border-bottom-left-radius"
   ]
 };
-function Te(e) {
+function Ae(e) {
   return /^-?(\d+\.?\d*|\.\d+)$/.test(e);
 }
-function Rt(e) {
+function Zt(e) {
   const [n, t, s] = e;
-  return n === void 0 ? [] : n === "none" ? [["flex-grow", "0"], ["flex-shrink", "0"], ["flex-basis", "auto"]] : n === "auto" ? [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", "auto"]] : t === void 0 ? Te(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : s === void 0 ? Te(t) ? [["flex-grow", n], ["flex-shrink", t], ["flex-basis", "0"]] : [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", t]] : [["flex-grow", n], ["flex-shrink", t], ["flex-basis", s]];
+  return n === void 0 ? [] : n === "none" ? [["flex-grow", "0"], ["flex-shrink", "0"], ["flex-basis", "auto"]] : n === "auto" ? [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", "auto"]] : t === void 0 ? Ae(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : s === void 0 ? Ae(t) ? [["flex-grow", n], ["flex-shrink", t], ["flex-basis", "0"]] : [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", t]] : [["flex-grow", n], ["flex-shrink", t], ["flex-basis", s]];
 }
-function ie(e, n) {
-  if (e === "flex") return Rt($e(n));
-  const t = It[e];
+function pe(e, n) {
+  if (e === "flex") return Zt(Ne(n));
+  const t = Xt[e];
   if (t === void 0) return [[e, n]];
-  const s = At($e(n));
-  return s === null ? [[e, n]] : t.map((i, r) => [i, s[r]]);
+  const s = Kt(Ne(n));
+  return s === null ? [[e, n]] : t.map((o, i) => [o, s[i]]);
 }
-const ae = {
+const ve = {
   "align-content": "flex-start",
   "align-items": "stretch",
   "align-self": "auto",
+  "aspect-ratio": "auto",
   "flex-basis": "auto",
   "flex-direction": "column",
   "flex-grow": "0",
@@ -751,708 +979,844 @@ const ae = {
   "padding-right": "0",
   "padding-top": "0",
   "font-size": "12px"
-}, Ct = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
-function Q(e) {
+}, Qt = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
+function B(e) {
   const n = e.trim();
-  if (n === "") return { length: null, problem: "empty value" };
+  if (n === "") return { length: null, problem: "empty value", reason: "invalid-value" };
   if (n === "auto") return { length: { kind: "auto" } };
   if (n === "none") return { length: { kind: "none" } };
   if (n === "initial") return { length: { kind: "auto" } };
   if (n.startsWith("calc("))
-    return { length: null, problem: "calc() is not supported in USS" };
+    return { length: null, problem: "calc() is not evaluated", reason: "not-uss" };
   const t = /^(-?(?:\d+\.?\d*|\.\d+))([a-z%]*)$/i.exec(n);
-  if (t === null) return { length: null, problem: `cannot read "${n}" as a length` };
-  const s = Number(t[1]), i = t[2].toLowerCase();
-  return i === "" || i === "px" ? { length: { kind: "px", value: s } } : i === "%" ? { length: { kind: "percent", value: s } } : Ct.includes(i) ? { length: null, problem: `"${i}" is not a USS unit` } : { length: null, problem: `unknown unit "${i}"` };
+  if (t === null)
+    return { length: null, problem: `cannot read "${n}" as a length`, reason: "invalid-value" };
+  const s = Number(t[1]), o = t[2].toLowerCase();
+  return o === "" || o === "px" ? { length: { kind: "px", value: s } } : o === "%" ? { length: { kind: "percent", value: s } } : Qt.includes(o) ? { length: null, problem: `unit "${o}" not recognised`, code: "unsupported-unit", reason: "not-uss" } : { length: null, problem: `unknown unit "${o}"`, reason: "invalid-value" };
 }
-function Oe(e) {
+function he(e) {
   const n = e.trim();
   return /^-?(\d+\.?\d*|\.\d+)$/.test(n) ? Number(n) : null;
 }
-let me = null;
-async function yn() {
-  me ?? (me = await tt());
-}
-function xn() {
-  return me !== null;
-}
-let K = 0;
-function kn() {
-  return K;
-}
-const oe = {
-  auto: W.Auto,
-  "flex-start": W.FlexStart,
-  center: W.Center,
-  "flex-end": W.FlexEnd,
-  stretch: W.Stretch,
-  baseline: W.Baseline,
-  "space-between": W.SpaceBetween,
-  "space-around": W.SpaceAround,
-  "space-evenly": W.SpaceEvenly
-}, Mt = {
+let Ee = null;
+async function Pn() {
+  Ee ?? (Ee = await pt());
+}
+function Wn() {
+  return Ee !== null;
+}
+let ie = 0;
+function _n() {
+  return ie;
+}
+const me = {
+  auto: P.Auto,
   "flex-start": P.FlexStart,
   center: P.Center,
   "flex-end": P.FlexEnd,
+  stretch: P.Stretch,
+  baseline: P.Baseline,
   "space-between": P.SpaceBetween,
   "space-around": P.SpaceAround,
   "space-evenly": P.SpaceEvenly
-}, Ut = {
-  column: G.Column,
-  "column-reverse": G.ColumnReverse,
-  row: G.Row,
-  "row-reverse": G.RowReverse
-}, Lt = {
-  nowrap: Y.NoWrap,
-  wrap: Y.Wrap,
-  "wrap-reverse": Y.WrapReverse
-}, Wt = [
-  ["left", q.Left],
-  ["top", q.Top],
-  ["right", q.Right],
-  ["bottom", q.Bottom]
+}, en = {
+  "flex-start": J.FlexStart,
+  center: J.Center,
+  "flex-end": J.FlexEnd,
+  "space-between": J.SpaceBetween,
+  "space-around": J.SpaceAround,
+  "space-evenly": J.SpaceEvenly
+}, tn = {
+  column: ne.Column,
+  "column-reverse": ne.ColumnReverse,
+  row: ne.Row,
+  "row-reverse": ne.RowReverse
+}, nn = {
+  nowrap: oe.NoWrap,
+  wrap: oe.Wrap,
+  "wrap-reverse": oe.WrapReverse
+}, sn = [
+  ["left", te.Left],
+  ["top", te.Top],
+  ["right", te.Right],
+  ["bottom", te.Bottom]
 ];
-function zt(e, n, t, s) {
-  const i = me;
-  if (i === null)
+function on(e, n, t, s) {
+  const o = Ee;
+  if (o === null)
     throw new Error("loadLayoutEngine() must be awaited before rendering");
-  const r = [], u = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), v = [], d = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  let a = 0, f = !1, l = !1;
-  const h = (w, S) => {
+  const i = [], c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), g = [], p = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  let d = 0, m = !1, a = !1;
+  const b = (x, $) => {
     var T;
-    return ((T = w.get(S)) == null ? void 0 : T.value) ?? ae[S] ?? "";
+    return ((T = x.get($)) == null ? void 0 : T.value) ?? ve[$] ?? "";
   };
-  function g(w, S) {
-    r.push({ kind: "unsupported-property", message: w, node: S.id });
-  }
-  function p(w, S, T) {
-    const N = h(w, S);
-    if (N === "") return null;
-    const { length: D, problem: A } = Q(N);
-    return A !== void 0 && g(`${S}: ${A}`, T), D;
-  }
-  function b(w) {
-    if (w !== null)
-      switch (w.kind) {
+  function r(x, $, T, I) {
+    var O;
+    (I == null ? void 0 : I.origin.kind) !== "inherited" && i.push({
+      kind: "unsupported-property",
+      message: x,
+      node: $.id,
+      ...T,
+      ...I === void 0 ? {} : ((O = s.locate) == null ? void 0 : O.call(s, I.origin)) ?? {}
+    });
+  }
+  function w(x, $, T, I, O, D) {
+    const C = x.get($), R = D && (C == null ? void 0 : C.origin.kind) === "inline";
+    r(
+      `${$}: ${I}${R ? "; Unity drops every inline style in that UXML file" : ""}`,
+      T,
+      {
+        ...O === void 0 ? {} : { reason: R ? "invalid-value" : O },
+        subject: {
+          kind: "property",
+          property: $,
+          value: b(x, $),
+          ...R ? { unityEffect: { kind: "file-inline-dropped", versions: ["6000.0", "6000.3"] } } : {}
+        }
+      },
+      C
+    );
+  }
+  function y(x, $, T) {
+    const I = b(x, $);
+    if (I === "") return null;
+    const { length: O, problem: D, reason: C, code: R } = B(I);
+    return D !== void 0 && w(x, $, T, D, C, R === "unsupported-unit"), O;
+  }
+  function h(x) {
+    if (x !== null)
+      switch (x.kind) {
         case "px":
-          return w.value;
+          return x.value;
         case "percent":
-          return `${w.value}%`;
+          return `${x.value}%`;
         case "auto":
           return "auto";
         case "none":
           return;
       }
   }
-  function m(w) {
-    if (w !== null) {
-      if (w.kind === "px") return w.value;
-      if (w.kind === "percent") return `${w.value}%`;
-    }
-  }
-  function y(w, S, T) {
-    w.setBoxSizing(nt.BorderBox), w.setFlexDirection(Ut[h(S, "flex-direction")] ?? G.Column), w.setFlexWrap(Lt[h(S, "flex-wrap")] ?? Y.NoWrap), w.setJustifyContent(Mt[h(S, "justify-content")] ?? P.FlexStart), w.setAlignItems(oe[h(S, "align-items")] ?? W.Stretch), w.setAlignSelf(oe[h(S, "align-self")] ?? W.Auto), w.setAlignContent(oe[h(S, "align-content")] ?? W.FlexStart), w.setFlexGrow(Oe(h(S, "flex-grow")) ?? 0), w.setFlexShrink(Oe(h(S, "flex-shrink")) ?? 1), w.setFlexBasis(b(p(S, "flex-basis", T)));
-    const N = h(S, "position");
-    (N === "fixed" || N === "sticky") && g(`position: ${N} is not supported in USS; treated as relative`, T), w.setPositionType(
-      N === "absolute" ? ne.Absolute : ne.Relative
-    ), h(S, "display") === "none" && w.setDisplay(st.None);
-    const D = h(S, "overflow");
-    D === "hidden" ? w.setOverflow(rt.Hidden) : (D === "auto" || D === "scroll") && g(`overflow: ${D} needs a ScrollView element in USS`, T), w.setWidth(b(p(S, "width", T))), w.setHeight(b(p(S, "height", T))), w.setMinWidth(m(p(S, "min-width", T))), w.setMinHeight(m(p(S, "min-height", T))), w.setMaxWidth(m(p(S, "max-width", T))), w.setMaxHeight(m(p(S, "max-height", T)));
-    for (const [A, I] of Wt) {
-      w.setMargin(I, m(p(S, `margin-${A}`, T))), w.setPadding(I, m(p(S, `padding-${A}`, T)));
-      const _ = m(p(S, `border-${A}-width`, T));
-      w.setBorder(I, typeof _ == "number" ? _ : void 0), w.setPosition(I, m(p(S, A, T)));
-    }
-  }
-  function k(w) {
-    var S;
-    return (S = w.attributes.find((T) => T.name === "text")) == null ? void 0 : S.value;
-  }
-  const x = ["text", "label"];
-  function $(w) {
-    return x.filter(
-      (S) => w.attributes.some((T) => T.name === S && T.value.length > 0)
+  function f(x) {
+    if (x !== null) {
+      if (x.kind === "px") return x.value;
+      if (x.kind === "percent") return `${x.value}%`;
+    }
+  }
+  function k(x, $, T) {
+    x.setBoxSizing(ht.BorderBox), x.setFlexDirection(tn[b($, "flex-direction")] ?? ne.Column), x.setFlexWrap(nn[b($, "flex-wrap")] ?? oe.NoWrap), x.setJustifyContent(en[b($, "justify-content")] ?? J.FlexStart), x.setAlignItems(me[b($, "align-items")] ?? P.Stretch), x.setAlignSelf(me[b($, "align-self")] ?? P.Auto), x.setAlignContent(me[b($, "align-content")] ?? P.FlexStart), x.setFlexGrow(he(b($, "flex-grow")) ?? 0), x.setFlexShrink(he(b($, "flex-shrink")) ?? 1), x.setFlexBasis(h(y($, "flex-basis", T)));
+    const I = b($, "position");
+    (I === "fixed" || I === "sticky") && r(`position: ${I} treated as relative`, T, {
+      reason: "not-uss",
+      subject: { kind: "property", property: "position", value: I }
+    }, $.get("position")), x.setPositionType(
+      I === "absolute" ? ue.Absolute : ue.Relative
+    );
+    const O = b($, "display");
+    O === "none" ? x.setDisplay(mt.None) : O !== "flex" && O !== "initial" && r(`display: ${O} laid out as flex`, T, {
+      reason: "invalid-value",
+      subject: { kind: "property", property: "display", value: O }
+    }, $.get("display"));
+    const D = b($, "overflow");
+    D === "hidden" ? x.setOverflow(gt.Hidden) : (D === "auto" || D === "scroll") && r(`overflow: ${D} ignored; nothing scrolls`, T, {
+      reason: "not-uss",
+      subject: { kind: "property", property: "overflow", value: D }
+    }, $.get("overflow")), x.setWidth(h(y($, "width", T))), x.setHeight(h(y($, "height", T)));
+    const C = b($, "aspect-ratio").trim();
+    if (C !== "auto" && C !== "initial") {
+      const R = he(C);
+      R !== null && Number.isFinite(R) ? x.setAspectRatio(R) : w($, "aspect-ratio", T, `cannot read "${C}" as a number`, "invalid-value", !0);
+    }
+    x.setMinWidth(f(y($, "min-width", T))), x.setMinHeight(f(y($, "min-height", T))), x.setMaxWidth(f(y($, "max-width", T))), x.setMaxHeight(f(y($, "max-height", T)));
+    for (const [R, L] of sn) {
+      x.setMargin(L, f(y($, `margin-${R}`, T))), x.setPadding(L, f(y($, `padding-${R}`, T)));
+      const U = f(y($, `border-${R}-width`, T));
+      x.setBorder(L, typeof U == "number" ? U : void 0), x.setPosition(L, f(y($, R, T)));
+    }
+  }
+  function v(x) {
+    var T;
+    const $ = (T = x.attributes.find((I) => I.name === "text")) == null ? void 0 : T.value;
+    return $ === void 0 ? void 0 : Z($);
+  }
+  const S = ["text", "label"];
+  function E(x) {
+    return S.filter(
+      ($) => x.attributes.some((T) => T.name === $ && T.value.length > 0)
     );
   }
-  function O(w, S) {
-    if (kt(w)) return;
-    const T = n.get(w.id) ?? /* @__PURE__ */ new Map(), N = i.Node.create();
-    a++, K++, d.set(w, N), v.push(w), y(N, T, w), S !== null && S.insertChild(N, S.getChildCount());
-    const { spec: D, fallback: A } = H(w), I = k(w), _ = D.hasText && I !== void 0 && I.length > 0;
-    if (A) {
-      const R = $(w);
-      r.push({
+  let M = !1;
+  function A(x, $) {
+    var U;
+    if (ye(x)) {
+      x.name.local === "Bindings" && !M && (M = !0, i.push({
+        kind: "unsupported-control",
+        message: "Data bindings are not evaluated in this preview; bound values show as written",
+        node: x.id,
+        reason: "not-rendered",
+        subject: { kind: "control", type: "Bindings" }
+      }));
+      return;
+    }
+    const T = n.get(x.id) ?? /* @__PURE__ */ new Map(), I = o.Node.create();
+    d++, ie++, p.set(x, I), g.push(x), k(I, T, x), $ !== null && $.insertChild(I, $.getChildCount());
+    const { spec: O, fallback: D } = X(x), C = v(x), R = O.hasText && C !== void 0 && C.length > 0;
+    if (D) {
+      const N = E(x);
+      i.push({
         kind: "unsupported-control",
-        message: `<${w.name.local}> has no renderer in this version and is drawn as a plain VisualElement` + (R.length === 0 ? "" : `; its ${R.join(" and ")} attribute${R.length > 1 ? "s are" : " is"} not drawn, because Unity draws that through a child element`),
-        node: w.id
+        message: `<${x.name.local}> has no renderer in this version and is drawn as a plain VisualElement` + (N.length === 0 ? "" : `; its ${N.join(" and ")} attribute${N.length > 1 ? "s are" : " is"} not drawn`),
+        node: x.id,
+        reason: "not-rendered",
+        subject: { kind: "control", type: x.name.local }
       });
     }
-    if (_) {
-      w.children.length > 0 && g(
-        `<${w.name.local}> has both a text attribute and children; children are not drawn`,
-        w
+    if (R && !T.has("-unity-font-definition") && !T.has("-unity-font")) {
+      const N = /[\u1100-\u11ff\u3130-\u318f\uac00-\ud7af\u3400-\u4dbf\u4e00-\u9fff\u3040-\u30ff]/u.exec(C);
+      if (N !== null) {
+        const j = N[0].codePointAt(0), W = j >= 12352 && j <= 12543 ? "kana" : j >= 13312 && j <= 19903 || j >= 19968 && j <= 40959 ? "han" : "hangul", _ = { hangul: "Hangul", han: "Han (CJK ideographs)", kana: "Kana" }[W];
+        i.push({
+          kind: "unsupported-property",
+          reason: "font-fallback",
+          node: x.id,
+          message: `The editor default font (Inter-Regular SDF) has no glyphs for ${_}; Unity draws it with a fallback font whose height can differ (measured 1–4px taller).`,
+          subject: { kind: "property", property: "-unity-font-definition", value: "", affectsLayout: !0, missingGlyphs: W }
+        });
+      }
+    }
+    if (R) {
+      x.children.some((_) => !ye(_)) && r(
+        `<${x.name.local}> has both a text attribute and children; children are not drawn`,
+        x,
+        { reason: "not-rendered", subject: { kind: "control", type: x.name.local } }
       );
-      const R = p(T, "font-size", w), z = {
-        fontSize: R !== null && R.kind === "px" ? R.value : 12,
-        fontStyle: h(T, "-unity-font-style") || "normal",
-        whiteSpace: h(T, "white-space") || "normal"
-      };
-      N.setMeasureFunc(
-        (M) => s.measureText(
-          I,
-          z,
-          Number.isFinite(M) ? M : 0
+      const N = y(T, "font-size", x), j = {
+        fontSize: N !== null && N.kind === "px" ? N.value : 12,
+        fontStyle: b(T, "-unity-font-style") || "normal",
+        whiteSpace: b(T, "white-space") || "normal",
+        textGenerator: b(T, "-unity-text-generator") === "standard" ? "standard" : "advanced"
+      }, W = (U = s.fonts) == null ? void 0 : U.get(T);
+      W !== void 0 && (j.fontFamily = W.family, W.faceInfo !== void 0 && (j.faceInfo = W.faceInfo));
+      for (const [_, se] of [
+        ["letter-spacing", "letterSpacing"],
+        ["word-spacing", "wordSpacing"],
+        ["-unity-paragraph-spacing", "paragraphSpacing"]
+      ]) {
+        const H = y(T, _, x);
+        (H == null ? void 0 : H.kind) === "px" && (j[se] = H.value);
+      }
+      I.setMeasureFunc(
+        (_) => s.measureText(
+          C,
+          j,
+          Number.isFinite(_) ? _ : 0
         )
       );
       return;
     }
-    let F = N;
-    if (D.parts.length > 0) {
-      l || (l = !0, r.push({
+    let L = I;
+    if (O.parts.length > 0) {
+      a || (a = !0, i.push({
         kind: "version-dependent",
-        message: `<${w.name.local}> is drawn with the implicit child elements Unity builds for it, and their geometry was measured on Unity ${Z}. Other versions may differ; see src/controls/theme.ts.`,
-        node: w.id
+        message: `<${x.name.local}> drawn with built-in child elements measured on Unity ${ae}`,
+        node: x.id,
+        reason: "version-dependent",
+        subject: { kind: "control", type: x.name.local }
       }));
-      const R = [], z = [], M = t.get(w.id);
-      for (const we of D.parts) {
-        const ve = (M == null ? void 0 : M.get(we.name)) ?? /* @__PURE__ */ new Map(), X = i.Node.create();
-        a++, K++, y(X, ve, w), F.insertChild(X, F.getChildCount()), F = X, z.push(X), R.push({
-          name: we.name,
-          owner: w.id,
+      const N = [], j = [], W = t.get(x.id);
+      for (const _ of O.parts) {
+        const se = (W == null ? void 0 : W.get(_.name)) ?? /* @__PURE__ */ new Map(), H = o.Node.create();
+        d++, ie++, k(H, se, x), L.insertChild(H, L.getChildCount()), L = H, j.push(H), N.push({
+          name: _.name,
+          owner: x.id,
           box: { left: 0, top: 0, width: 0, height: 0 },
-          style: ve
+          style: se
         });
       }
-      c.set(w.id, R), o.set(w.id, z);
-    }
-    for (const R of w.children) O(R, F);
-  }
-  O(e, null);
-  const E = d.get(e);
-  E.setWidth(s.size.width), E.setHeight(s.size.height), E.setPositionType(ne.Relative), E.calculateLayout(s.size.width, s.size.height, be.LTR);
-  const C = /* @__PURE__ */ new Map();
-  for (let w = 0; w < 3; w++) {
-    let S = !1;
-    for (const [T, N] of c) {
-      const D = o.get(T);
-      if (D === void 0) continue;
-      const A = N.findIndex((M) => M.name === "unity-content-viewport"), I = N.findIndex((M) => M.name === "unity-content-container");
-      if (A === -1 || I === -1) continue;
-      const _ = D[A].getComputedLayout(), R = D[I].getComputedLayout().height > _.height + 0.01, z = Et(R);
-      (C.get(T) ?? 0) !== z && (C.set(T, z), D[A].setMargin(q.Right, z), S = !0);
-    }
-    if (!S) break;
-    E.calculateLayout(s.size.width, s.size.height, be.LTR);
-  }
-  function L(w, S, T) {
-    const N = d.get(w);
-    if (N === void 0) return;
-    const D = N.getComputedLayout();
-    let A = S + D.left, I = T + D.top;
-    u.set(w.id, { left: A, top: I, width: D.width, height: D.height });
-    const _ = c.get(w.id), F = o.get(w.id);
-    _ !== void 0 && F !== void 0 && _.forEach((R, z) => {
-      const M = F[z].getComputedLayout();
-      A += M.left, I += M.top, R.box = { left: A, top: I, width: M.width, height: M.height };
+      u.set(x.id, N), l.set(x.id, j);
+    }
+    for (const N of x.children) A(N, L);
+  }
+  A(e, null);
+  const z = p.get(e);
+  z.setWidth(s.size.width), z.setHeight(s.size.height), z.setPositionType(ue.Relative), z.calculateLayout(s.size.width, s.size.height, De.LTR);
+  const q = /* @__PURE__ */ new Map();
+  for (let x = 0; x < 3; x++) {
+    let $ = !1;
+    for (const [T, I] of u) {
+      const O = l.get(T);
+      if (O === void 0) continue;
+      const D = I.findIndex((j) => j.name === "unity-content-viewport"), C = I.findIndex((j) => j.name === "unity-content-container");
+      if (D === -1 || C === -1) continue;
+      const R = O[D].getComputedLayout(), U = O[C].getComputedLayout().height > R.height + 0.01, N = zt(U);
+      (q.get(T) ?? 0) !== N && (q.set(T, N), O[D].setMargin(te.Right, N), $ = !0);
+    }
+    if (!$) break;
+    z.calculateLayout(s.size.width, s.size.height, De.LTR);
+  }
+  function Q(x, $, T) {
+    const I = p.get(x);
+    if (I === void 0) return;
+    const O = I.getComputedLayout();
+    let D = $ + O.left, C = T + O.top;
+    c.set(x.id, { left: D, top: C, width: O.width, height: O.height });
+    const R = u.get(x.id), L = l.get(x.id);
+    R !== void 0 && L !== void 0 && R.forEach((U, N) => {
+      const j = L[N].getComputedLayout();
+      D += j.left, C += j.top, U.box = { left: D, top: C, width: j.width, height: j.height };
     });
-    for (const R of w.children) L(R, A, I);
+    for (const U of x.children) Q(U, D, C);
   }
-  return L(e, 0, 0), {
-    boxes: u,
-    parts: c,
-    painted: v,
-    warnings: r,
+  return Q(e, 0, 0), {
+    boxes: c,
+    parts: u,
+    painted: g,
+    warnings: i,
     dispose() {
-      f || (f = !0, E.freeRecursive(), K -= a, d.clear(), o.clear());
+      m || (m = !0, z.freeRecursive(), ie -= d, p.clear(), l.clear());
     }
   };
 }
-const _t = 1.2;
-function jt(e) {
+const rn = {
+  pointSize: 90,
+  ascentLine: 87.1875,
+  descentLine: -21.73295,
+  lineHeight: 108.9205
+};
+function an(e, n, t, s = 0, o = 0) {
+  return Math.ceil(e * n * (t.ascentLine - t.descentLine) / t.pointSize + s * o * n / 100);
+}
+function nt(e) {
+  return e === void 0 ? "sans-serif" : `${JSON.stringify(e)}, sans-serif`;
+}
+function ln(e) {
   var t;
   let n = null;
   if (e !== void 0) {
     const s = e.createElement("canvas");
     n = ((t = s.getContext) == null ? void 0 : t.call(s, "2d")) ?? null;
   }
-  return (s, i, r) => {
-    const u = i.fontSize * _t, c = (l) => {
-      if (n === null)
-        return l.length * i.fontSize * 0.5;
-      const h = i.fontStyle.includes("bold") ? "bold" : "normal", g = i.fontStyle.includes("italic") ? "italic" : "normal";
-      return n.font = `${g} ${h} ${i.fontSize}px sans-serif`, n.measureText(l).width;
+  return (s, o, i) => {
+    const c = o.fontStyle.includes("bold") ? "bold" : "normal", u = o.fontStyle.includes("italic") ? "italic" : "normal", g = (r) => {
+      n !== null && (n.font = `${u} ${c} ${r}px ${nt(o.fontFamily)}`);
     };
-    if (!(i.whiteSpace !== "nowrap" && i.whiteSpace !== "pre") || r <= 0) {
-      const l = s.split(`
-`);
-      return { width: l.reduce((g, p) => Math.max(g, c(p)), 0), height: l.length * u };
-    }
-    const d = s.split(/\s+/).filter((l) => l.length > 0);
-    let o = 1, a = 0, f = 0;
-    for (const l of d) {
-      const h = c(l), g = a === 0 ? 0 : c(" ");
-      a > 0 && a + g + h > r ? (f = Math.max(f, a), o++, a = h) : a += g + h;
-    }
-    return f = Math.max(f, a), { width: f, height: o * u };
+    let p = o.faceInfo;
+    if (p === void 0 && o.fontFamily !== void 0 && n !== null) {
+      g(90);
+      const r = n.measureText("Mg");
+      Number.isFinite(r.fontBoundingBoxAscent) && Number.isFinite(r.fontBoundingBoxDescent) && (p = { pointSize: 90, ascentLine: r.fontBoundingBoxAscent, descentLine: -r.fontBoundingBoxDescent });
+    }
+    g(o.fontSize);
+    const l = (r) => {
+      const w = [...r].length, y = [...r].filter((k) => k === " ").length, h = Math.max(0, w - 1 - (o.textGenerator === "standard" ? 0 : y));
+      return (n === null ? w * o.fontSize * 0.5 : n.measureText(r).width) + (h * (o.letterSpacing ?? 0) + y * (o.wordSpacing ?? 0)) * o.fontSize / 100;
+    }, d = s.split(`
+`).map((r) => o.whiteSpace === "pre" || o.whiteSpace === "pre-wrap" ? r : r.replace(/ +/g, " ").trim()), m = o.whiteSpace !== "nowrap" && o.whiteSpace !== "pre" && i > 0;
+    let a = 0, b = 0;
+    for (const r of d) {
+      let w = "";
+      if (a++, !m) {
+        b = Math.max(b, l(r));
+        continue;
+      }
+      for (const y of r.split(/\s+/).filter((h) => h.length > 0)) {
+        const h = w === "" ? y : `${w} ${y}`;
+        w !== "" && l(h) > i ? (b = Math.max(b, l(w)), a++, w = y) : w = h;
+      }
+      b = Math.max(b, l(w));
+    }
+    return { width: b, height: an(
+      a,
+      o.fontSize,
+      p ?? rn,
+      d.length - 1,
+      o.paragraphSpacing ?? 0
+    ) };
   };
 }
-const Ft = /* @__PURE__ */ new Set([
-  "box-shadow",
-  "filter",
-  "backdrop-filter",
-  "mix-blend-mode",
-  "background-blend-mode",
-  "clip-path",
-  "mask",
-  "outline",
-  "line-height",
-  "text-transform",
-  "text-decoration",
-  "z-index",
-  "float",
-  "clear",
-  "border-style"
-]), Pt = /* @__PURE__ */ new Set([
-  "gap",
-  "row-gap",
-  "column-gap",
-  "aspect-ratio",
-  "background-size",
-  "background-position",
-  "background-repeat",
-  "overflow-wrap",
-  "word-break"
-]), Ee = ["top", "right", "bottom", "left"], Bt = {
+const cn = ["top", "right", "bottom", "left"], un = {
   normal: { weight: "normal", style: "normal" },
   bold: { weight: "bold", style: "normal" },
   italic: { weight: "normal", style: "italic" },
   "bold-and-italic": { weight: "bold", style: "italic" }
-}, Ht = {
+}, dn = {
   upper: "flex-start",
   middle: "center",
   lower: "flex-end"
-}, Vt = {
+}, fn = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-}, le = {
+}, ge = {
   "stretch-to-fill": "100% 100%",
   "scale-and-crop": "cover",
   "scale-to-fit": "contain"
-}, Ne = "stretch-to-fill";
-function qt(e) {
-  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(J(e).trim());
+}, Le = "stretch-to-fill";
+function st(e) {
+  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(Z(e).trim());
   return n === null ? null : { form: n[1], path: n[3] };
 }
-function De(e, n, t = {}) {
-  var g;
-  const s = {}, i = [], r = (p) => {
-    var b;
-    return (b = e.get(p)) == null ? void 0 : b.value;
-  }, u = (p, b) => {
-    i.push({ kind: p, message: b, node: n });
-  };
+function Ue(e, n, t = {}) {
+  var h;
+  const s = {}, o = [], i = (f) => {
+    var k;
+    return (k = e.get(f)) == null ? void 0 : k.value;
+  }, c = (f, k, v = {}) => {
+    var M, A, z;
+    const S = ((M = v.subject) == null ? void 0 : M.kind) === "property" ? v.subject.property : ((A = v.subject) == null ? void 0 : A.kind) === "asset" ? "background-image" : void 0, E = S === void 0 ? void 0 : e.get(S);
+    (E == null ? void 0 : E.origin.kind) !== "inherited" && o.push({
+      kind: f,
+      message: k,
+      node: n,
+      ...v,
+      ...E === void 0 ? {} : ((z = t.locate) == null ? void 0 : z.call(t, E.origin)) ?? {}
+    });
+  }, u = (f, k = i(f)) => ({
+    subject: { kind: "property", property: f, ...k === void 0 ? {} : { value: k } }
+  });
   s["box-sizing"] = "border-box";
-  for (const [p] of e)
-    Ft.has(p) ? u("unsupported-property", `${p} does not exist in USS and is ignored`) : Pt.has(p) && u(
-      "version-dependent",
-      `${p} depends on the Unity version; verify it in your project`
-    );
-  const c = [
+  const g = [
     "background-color",
     "color",
     "opacity",
     "visibility",
-    "letter-spacing",
-    "word-spacing",
     "white-space",
     "text-overflow",
     "cursor",
     "font-size",
     "transform-origin"
   ];
-  for (const p of c) {
-    const b = r(p);
-    b !== void 0 && (s[p] = b);
-  }
-  r("display") === "none" && (s.display = "none"), r("overflow") === "hidden" && (s.overflow = "hidden");
-  for (const p of Ee) {
-    const b = r(`border-${p}-width`);
-    if (b !== void 0 && b !== "0") {
-      const { length: k, problem: x } = Q(b);
-      k === null || k.kind !== "px" ? u(
+  for (const f of g) {
+    const k = i(f);
+    k !== void 0 && (s[f] = k);
+  }
+  const p = B(i("font-size") ?? "12px").length, l = (p == null ? void 0 : p.kind) === "px" ? p.value : 12;
+  for (const f of ["letter-spacing", "word-spacing"]) {
+    const k = B(i(f) ?? "").length;
+    (k == null ? void 0 : k.kind) === "px" && (s[f] = `${k.value * l / 100}px`);
+  }
+  i("display") === "none" && (s.display = "none"), i("overflow") === "hidden" && (s.overflow = "hidden");
+  for (const f of cn) {
+    const k = i(`border-${f}-width`);
+    if (k !== void 0 && k !== "0") {
+      const { length: E, problem: M } = B(k);
+      E === null || E.kind !== "px" ? M === void 0 && c(
         "unsupported-property",
-        `border-${p}-width: ${x ?? `"${b}" is not a pixel length`}; ignored`
-      ) : (s[`border-${p}-width`] = `${k.value}px`, s[`border-${p}-style`] = "solid");
+        `border-${f}-width: "${k}" is not a pixel length; ignored`,
+        { reason: "invalid-value", ...u(`border-${f}-width`) }
+      ) : (s[`border-${f}-width`] = `${E.value}px`, s[`border-${f}-style`] = "solid");
     }
-    const m = r(`border-${p}-color`);
-    m !== void 0 && (s[`border-${p}-color`] = m);
-    const y = r(`padding-${p}`);
-    y !== void 0 && y !== "0" && (s[`padding-${p}`] = y);
+    const v = i(`border-${f}-color`);
+    v !== void 0 && (s[`border-${f}-color`] = v);
+    const S = i(`padding-${f}`);
+    S !== void 0 && S !== "0" && (s[`padding-${f}`] = S);
   }
-  for (const p of [
+  for (const f of [
     "top-left",
     "top-right",
     "bottom-right",
     "bottom-left"
   ]) {
-    const b = r(`border-${p}-radius`);
-    b !== void 0 && (s[`border-${p}-radius`] = b);
+    const k = i(`border-${f}-radius`);
+    k !== void 0 && (s[`border-${f}-radius`] = k);
   }
-  const v = r("-unity-font-style");
-  if (v !== void 0) {
-    const p = Bt[v];
-    p === void 0 ? u("unsupported-property", `-unity-font-style: ${v} is not a USS value`) : (s["font-weight"] = p.weight, s["font-style"] = p.style);
-  }
-  const d = r("-unity-text-align");
+  const d = i("-unity-font-style");
   if (d !== void 0) {
-    const [p, b] = d.split("-"), m = Ht[p ?? ""], y = Vt[b ?? ""];
-    m === void 0 || y === void 0 ? u("unsupported-property", `-unity-text-align: ${d} is not a USS value`) : (s["align-items"] = m, s["justify-content"] = y);
-  }
-  const o = [], a = r("translate");
-  a !== void 0 && o.push(`translate(${a.replace(/\s+/, ", ")})`);
-  const f = r("rotate");
-  f !== void 0 && o.push(`rotate(${f})`);
-  const l = r("scale");
-  l !== void 0 && o.push(`scale(${l.replace(/\s+/, ", ")})`), o.length > 0 && (s.transform = o.join(" "));
-  const h = r("background-image");
-  if (h !== void 0 && h !== "none") {
-    const p = qt(h);
-    if (p === null)
-      u("asset-unresolved", `background-image: cannot read "${h}" as an asset path`);
+    const f = un[d];
+    f === void 0 ? c("unsupported-property", `-unity-font-style: "${d}" ignored`, {
+      reason: "invalid-value",
+      ...u("-unity-font-style")
+    }) : (s["font-weight"] = f.weight, s["font-style"] = f.style);
+  }
+  const m = i("-unity-text-align");
+  if (m !== void 0) {
+    const [f, k] = m.split("-"), v = dn[f ?? ""], S = fn[k ?? ""];
+    v === void 0 || S === void 0 ? c("unsupported-property", `-unity-text-align: "${m}" ignored`, {
+      reason: "invalid-value",
+      ...u("-unity-text-align")
+    }) : (s["align-items"] = v, s["justify-content"] = S);
+  }
+  const a = [], b = i("translate");
+  b !== void 0 && a.push(`translate(${b.replace(/\s+/, ", ")})`);
+  const r = i("rotate");
+  r !== void 0 && a.push(`rotate(${r})`);
+  const w = i("scale");
+  w !== void 0 && a.push(`scale(${w.replace(/\s+/, ", ")})`), a.length > 0 && (s.transform = a.join(" "));
+  const y = i("background-image");
+  if (y !== void 0 && y !== "none") {
+    const f = st(y);
+    if (f === null)
+      c("unsupported-property", `background-image: "${y}" is not an asset reference; Unity shows its warning icon instead`, {
+        reason: "not-uss",
+        ...u("background-image")
+      });
     else {
-      const { form: b, path: m } = p, y = ((g = t.resolveAsset) == null ? void 0 : g.call(t, m, b)) ?? null;
-      if (y === null)
-        s["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", u("asset-unresolved", `background-image: "${m}" was not resolved`);
+      const { form: k, path: v } = f, S = ((h = t.resolveAsset) == null ? void 0 : h.call(t, v, k)) ?? null;
+      if (S === null)
+        s["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", c("asset-unresolved", `background-image: "${v}" was not resolved`, {
+          subject: { kind: "asset", path: v, form: k }
+        });
       else {
-        s["background-image"] = `url("${y}")`, s["background-repeat"] = r("background-repeat") ?? "no-repeat", s["background-position"] = r("background-position") ?? "center";
-        const k = r("background-size"), x = r("-unity-background-scale-mode") ?? Ne, $ = le[x];
-        $ === void 0 && u(
+        s["background-image"] = `url("${S}")`, s["background-repeat"] = i("background-repeat") ?? "no-repeat", s["background-position"] = i("background-position") ?? "center";
+        const E = i("background-size"), M = i("-unity-background-scale-mode") ?? Le, A = ge[M];
+        A === void 0 && c(
           "unsupported-property",
-          `-unity-background-scale-mode: ${x} is not a USS value; expected one of ${Object.keys(le).join(", ")}`
-        ), s["background-size"] = k ?? $ ?? le[Ne];
+          `-unity-background-scale-mode: "${M}" ignored; expected one of ${Object.keys(ge).join(", ")}`,
+          { reason: "invalid-value", ...u("-unity-background-scale-mode", M) }
+        ), s["background-size"] = E ?? A ?? ge[Le];
       }
     }
   }
-  return r("-unity-background-image-tint-color") !== void 0 && u(
-    "unsupported-property",
-    "-unity-background-image-tint-color has no CSS equivalent and is not drawn"
-  ), Ee.some((p) => r(`-unity-slice-${p}`) !== void 0) && u("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), r("-unity-font-definition") !== void 0 && u(
-    "unsupported-property",
-    "-unity-font-definition names a Unity font asset; the browser default is used"
-  ), { declarations: s, warnings: i };
-}
-const Gt = "data-uxml-node", Jt = "data-uxml-part", Xt = "data-uxml-part-owner";
-function Yt(e, n, t, s, i, r) {
-  const u = [], c = /* @__PURE__ */ new Map();
-  function v(f) {
-    const l = s.get(f.id), h = (g) => {
-      var m;
-      const p = ((m = l == null ? void 0 : l.get(g)) == null ? void 0 : m.value) ?? ae[g] ?? "0", { length: b } = Q(p);
-      return b !== null && b.kind === "px" ? b.value : 0;
+  return { declarations: s, warnings: o };
+}
+const pn = "data-uxml-node", hn = "data-uxml-part", mn = "data-uxml-part-owner";
+function gn(e, n, t, s, o, i) {
+  const c = [], u = /* @__PURE__ */ new Map();
+  function g(a) {
+    const b = s.get(a.id), r = (w) => {
+      var f;
+      const y = ((f = b == null ? void 0 : b.get(w)) == null ? void 0 : f.value) ?? ve[w] ?? "0", { length: h } = B(y);
+      return h !== null && h.kind === "px" ? h.value : 0;
     };
-    return { left: h("border-left-width"), top: h("border-top-width") };
+    return { left: r("border-left-width"), top: r("border-top-width") };
   }
-  function d(f) {
-    const l = (h) => {
-      var b;
-      const g = ((b = f.style.get(h)) == null ? void 0 : b.value) ?? ae[h] ?? "0", { length: p } = Q(g);
-      return p !== null && p.kind === "px" ? p.value : 0;
+  function p(a) {
+    const b = (r) => {
+      var h;
+      const w = ((h = a.style.get(r)) == null ? void 0 : h.value) ?? ve[r] ?? "0", { length: y } = B(w);
+      return y !== null && y.kind === "px" ? y.value : 0;
     };
-    return { left: l("border-left-width"), top: l("border-top-width") };
-  }
-  function o(f, l, h) {
-    var E;
-    const g = n.get(f.id);
-    if (g === void 0) return null;
-    const p = r.document.createElement("div");
-    p.setAttribute(Gt, String(f.id));
-    const b = s.get(f.id) ?? /* @__PURE__ */ new Map(), m = De(b, f.id, r);
-    u.push(...m.warnings);
-    const y = l === null ? 0 : g.left - l.left - h.left, k = l === null ? 0 : g.top - l.top - h.top, x = {
+    return { left: b("border-left-width"), top: b("border-top-width") };
+  }
+  function l(a, b, r) {
+    var k, v;
+    const w = B(((k = r.get("letter-spacing")) == null ? void 0 : k.value) ?? "").length;
+    if ((w == null ? void 0 : w.kind) !== "px" || w.value === 0) {
+      a.textContent = b;
+      return;
+    }
+    const y = ((v = r.get("-unity-text-generator")) == null ? void 0 : v.value) === "standard", h = [...b], f = h.pop();
+    for (const S of h.join("").match(/ +|[^ ]+/g) ?? []) {
+      const E = i.document.createElement("span");
+      E.textContent = S, !y && S[0] === " " && (E.style.letterSpacing = "0px"), a.appendChild(E);
+    }
+    if (f !== void 0) {
+      const S = i.document.createElement("span");
+      S.textContent = f, S.style.letterSpacing = "0px", a.appendChild(S);
+    }
+  }
+  function d(a, b, r) {
+    var A, z, q, Q, x;
+    const w = n.get(a.id);
+    if (w === void 0) return null;
+    const y = i.document.createElement("div");
+    y.setAttribute(pn, String(a.id));
+    const h = s.get(a.id) ?? /* @__PURE__ */ new Map(), f = Ue(h, a.id, i);
+    c.push(...f.warnings);
+    const k = b === null ? 0 : w.left - b.left - r.left, v = b === null ? 0 : w.top - b.top - r.top, S = {
       position: "absolute",
-      left: `${y}px`,
-      top: `${k}px`,
-      width: `${g.width}px`,
-      height: `${g.height}px`,
+      left: `${k}px`,
+      top: `${v}px`,
+      width: `${w.width}px`,
+      height: `${w.height}px`,
       margin: "0",
-      ...m.declarations
+      ...f.declarations
     };
-    for (const [C, L] of Object.entries(x))
-      p.style.setProperty(C, L);
-    const { spec: $ } = H(f), O = (E = f.attributes.find((C) => C.name === "text")) == null ? void 0 : E.value;
-    if ($.hasText && O !== void 0 && O.length > 0)
-      p.style.setProperty("display", m.declarations.display ?? "flex"), m.declarations["align-items"] === void 0 && p.style.setProperty("align-items", "flex-start"), m.declarations["justify-content"] === void 0 && p.style.setProperty("justify-content", "flex-start"), p.textContent = J(O);
-    else {
-      let C = p, L = g, w = v(f);
-      for (const S of t.get(f.id) ?? []) {
-        const T = r.document.createElement("div");
-        T.setAttribute(Jt, S.name), T.setAttribute(Xt, String(f.id));
-        const N = De(S.style, f.id, r);
-        u.push(...N.warnings);
-        const D = {
+    for (const [$, T] of Object.entries(S))
+      y.style.setProperty($, T);
+    const { spec: E } = X(a), M = (A = a.attributes.find(($) => $.name === "text")) == null ? void 0 : A.value;
+    if (E.hasText && M !== void 0 && M.length > 0) {
+      y.style.setProperty("display", f.declarations.display ?? "flex"), f.declarations["align-items"] === void 0 && y.style.setProperty("align-items", "flex-start"), f.declarations["justify-content"] === void 0 && y.style.setProperty("justify-content", "flex-start");
+      const $ = (z = i.fonts) == null ? void 0 : z.get(h);
+      $ !== void 0 && (y.style.fontFamily = nt($.family));
+      const T = B(((q = h.get("-unity-paragraph-spacing")) == null ? void 0 : q.value) ?? "").length, I = Z(M), O = B(((Q = h.get("letter-spacing")) == null ? void 0 : Q.value) ?? "").length;
+      if ((T == null ? void 0 : T.kind) === "px" && I.includes(`
+`)) {
+        const D = B(((x = h.get("font-size")) == null ? void 0 : x.value) ?? "12px").length, C = I.split(`
+`), R = i.document.createElement("div");
+        R.style.width = "100%", C.forEach((L, U) => {
+          const N = i.document.createElement("div");
+          if (l(N, L, h), N.style.minHeight = "1em", U < C.length - 1 && (N.style.marginBottom = `${T.value * ((D == null ? void 0 : D.kind) === "px" ? D.value : 12) / 100}px`), R.appendChild(N), U < C.length - 1) {
+            const j = i.document.createElement("span");
+            j.textContent = `
+`, j.style.display = "none", R.appendChild(j);
+          }
+        }), y.appendChild(R);
+      } else if ((O == null ? void 0 : O.kind) === "px" && O.value !== 0) {
+        const D = i.document.createElement("span");
+        D.style.minWidth = "0", l(D, I, h), y.appendChild(D);
+      } else
+        y.textContent = I;
+    } else {
+      let $ = y, T = w, I = g(a);
+      for (const O of t.get(a.id) ?? []) {
+        const D = i.document.createElement("div");
+        D.setAttribute(hn, O.name), D.setAttribute(mn, String(a.id));
+        const C = Ue(O.style, a.id, i);
+        c.push(...C.warnings);
+        const R = {
           position: "absolute",
-          left: `${S.box.left - L.left - w.left}px`,
-          top: `${S.box.top - L.top - w.top}px`,
-          width: `${S.box.width}px`,
-          height: `${S.box.height}px`,
+          left: `${O.box.left - T.left - I.left}px`,
+          top: `${O.box.top - T.top - I.top}px`,
+          width: `${O.box.width}px`,
+          height: `${O.box.height}px`,
           margin: "0",
-          ...N.declarations
+          ...C.declarations
         };
-        for (const [A, I] of Object.entries(D))
-          T.style.setProperty(A, I);
-        C.appendChild(T), C = T, L = S.box, w = d(S);
+        for (const [L, U] of Object.entries(R))
+          D.style.setProperty(L, U);
+        $.appendChild(D), $ = D, T = O.box, I = p(O);
       }
-      for (const S of f.children) {
-        const T = o(S, L, w);
-        T !== null && C.appendChild(T);
+      for (const O of a.children) {
+        const D = d(O, T, I);
+        D !== null && $.appendChild(D);
       }
     }
-    return c.set(f.id, p), p;
+    return u.set(a.id, y), y;
   }
-  i.replaceChildren();
-  const a = o(e, null, { left: 0, top: 0 });
-  return a !== null && (a.style.setProperty("position", "relative"), i.appendChild(a)), { warnings: u, elements: c };
+  o.replaceChildren();
+  const m = d(e, null, { left: 0, top: 0 });
+  return m !== null && (m.style.setProperty("position", "relative"), o.appendChild(m)), { warnings: c, elements: u };
 }
-const Ae = /[A-Za-z0-9_-]/;
-function B(e) {
+const ze = /[A-Za-z0-9_-]/;
+function K(e) {
   return e === " " || e === "	" || e === `
 ` || e === "\r" || e === "\f";
 }
-function ce(e, n, t) {
-  let s = n, i = 0;
+function we(e, n, t) {
+  let s = n, o = 0;
   for (; s < e.length; ) {
-    const r = e[s];
-    if (r === '"' || r === "'") {
-      const u = e.indexOf(r, s + 1);
-      s = u < 0 ? e.length : u + 1;
+    const i = e[s];
+    if (i === '"' || i === "'") {
+      const c = e.indexOf(i, s + 1);
+      s = c < 0 ? e.length : c + 1;
       continue;
     }
-    if (r === "/" && e[s + 1] === "*") {
-      const u = e.indexOf("*/", s + 2);
-      s = u < 0 ? e.length : u + 2;
+    if (i === "/" && e[s + 1] === "*") {
+      const c = e.indexOf("*/", s + 2);
+      s = c < 0 ? e.length : c + 2;
       continue;
     }
-    if (r === "(" || r === "[")
-      i++;
-    else if (r === ")" || r === "]")
-      i > 0 && i--;
-    else if (i === 0 && t.includes(r))
+    if (i === "(" || i === "[")
+      o++;
+    else if (i === ")" || i === "]")
+      o > 0 && o--;
+    else if (o === 0 && t.includes(i))
       return s;
     s++;
   }
   return e.length;
 }
-function qe(e, n, t) {
-  let s = n, i = t;
-  for (; s < i && B(e[s]); ) s++;
-  for (; i > s && B(e[i - 1]); ) i--;
-  return { start: s, end: i };
-}
-function Ge(e, n, t, s) {
-  const i = [];
-  let r = n;
-  for (; r < t; ) {
-    for (; r < t && (B(e[r]) || e.startsWith("/*", r)); )
-      if (e.startsWith("/*", r)) {
-        const o = e.indexOf("*/", r + 2);
-        r = o < 0 ? t : o + 2;
+function ot(e, n, t) {
+  let s = n, o = t;
+  for (; s < o && K(e[s]); ) s++;
+  for (; o > s && K(e[o - 1]); ) o--;
+  return { start: s, end: o };
+}
+function it(e, n, t, s) {
+  const o = [];
+  let i = n;
+  for (; i < t; ) {
+    for (; i < t && (K(e[i]) || e.startsWith("/*", i)); )
+      if (e.startsWith("/*", i)) {
+        const l = e.indexOf("*/", i + 2);
+        i = l < 0 ? t : l + 2;
       } else
-        r++;
-    if (r >= t) break;
-    if (e[r] === ";") {
-      r++;
+        i++;
+    if (i >= t) break;
+    if (e[i] === ";") {
+      i++;
       continue;
     }
-    const u = r, c = ce(e, u, ":;}");
-    if (c >= t || e[c] !== ":") {
-      const o = Math.min(c, t);
-      s == null || s("declaration without a value", u, o), r = o + 1;
+    const c = i, u = we(e, c, ":;}");
+    if (u >= t || e[u] !== ":") {
+      const l = Math.min(u, t);
+      s == null || s("declaration without a value", c, l), i = l + 1;
       continue;
     }
-    const v = Math.min(ce(e, c + 1, ";}"), t), d = qe(e, c + 1, v);
-    i.push({
-      property: e.slice(u, c).trim(),
-      value: e.slice(d.start, d.end),
-      span: { start: u, end: d.end },
+    const g = Math.min(we(e, u + 1, ";}"), t), p = ot(e, u + 1, g);
+    o.push({
+      property: e.slice(c, u).trim(),
+      value: e.slice(p.start, p.end),
+      span: { start: c, end: p.end },
       dirty: !1
-    }), r = v + 1;
+    }), i = g + 1;
   }
-  return i;
+  return o;
 }
-function Kt(e) {
+function yn(e) {
   const n = e.span.end - 1 - e.value.length;
   return n < e.span.start ? null : n;
 }
-function ge(e, n = null, t = 0) {
-  const s = [], i = [];
-  let r = 0;
-  function u(m, y, k) {
+function Oe(e, n = null, t = 0) {
+  const s = [], o = [];
+  let i = 0;
+  function c(h, f, k) {
     s.push({
       kind: "malformed",
-      message: m,
-      at: { in: "uss", sheet: t, span: { start: y, end: k } }
+      message: h,
+      at: { in: "uss", sheet: t, span: { start: f, end: k } }
     });
   }
-  function c() {
+  function u() {
     for (; ; ) {
-      for (; B(e[r]); ) r++;
-      if (e.startsWith("/*", r)) {
-        const m = e.indexOf("*/", r + 2);
-        r = m < 0 ? e.length : m + 2;
+      for (; K(e[i]); ) i++;
+      if (e.startsWith("/*", i)) {
+        const h = e.indexOf("*/", i + 2);
+        i = h < 0 ? e.length : h + 2;
         continue;
       }
       return;
     }
   }
-  const v = (m, y) => ce(e, m, y), d = (m, y) => qe(e, m, y);
-  function o(m) {
-    let y = m + 1, k = 1;
-    for (; y < e.length; ) {
-      const x = e[y];
-      if (x === '"' || x === "'") {
-        const $ = e.indexOf(x, y + 1);
-        y = $ < 0 ? e.length : $ + 1;
+  const g = (h, f) => we(e, h, f), p = (h, f) => ot(e, h, f);
+  function l(h) {
+    let f = h + 1, k = 1;
+    for (; f < e.length; ) {
+      const v = e[f];
+      if (v === '"' || v === "'") {
+        const S = e.indexOf(v, f + 1);
+        f = S < 0 ? e.length : S + 1;
         continue;
       }
-      if (x === "/" && e[y + 1] === "*") {
-        const $ = e.indexOf("*/", y + 2);
-        y = $ < 0 ? e.length : $ + 2;
+      if (v === "/" && e[f + 1] === "*") {
+        const S = e.indexOf("*/", f + 2);
+        f = S < 0 ? e.length : S + 2;
         continue;
       }
-      if (x === "{") k++;
-      else if (x === "}" && --k === 0) return y + 1;
-      y++;
+      if (v === "{") k++;
+      else if (v === "}" && --k === 0) return f + 1;
+      f++;
     }
     return e.length;
   }
-  function a(m) {
-    let y = m;
-    for (; y < e.length && Ae.test(e[y]); ) y++;
-    return y;
-  }
-  function f(m) {
-    const y = e[m], k = y === "(" ? ")" : "]";
-    let x = m + 1, $ = 1;
-    for (; x < e.length; ) {
-      const O = e[x];
-      if (O === '"' || O === "'") {
-        const E = e.indexOf(O, x + 1);
-        x = E < 0 ? e.length : E + 1;
+  function d(h) {
+    let f = h;
+    for (; f < e.length && ze.test(e[f]); ) f++;
+    return f;
+  }
+  function m(h) {
+    const f = e[h], k = f === "(" ? ")" : "]";
+    let v = h + 1, S = 1;
+    for (; v < e.length; ) {
+      const E = e[v];
+      if (E === '"' || E === "'") {
+        const M = e.indexOf(E, v + 1);
+        v = M < 0 ? e.length : M + 1;
         continue;
       }
-      if (O === y) $++;
-      else if (O === k && --$ === 0) return x + 1;
-      x++;
+      if (E === f) S++;
+      else if (E === k && --S === 0) return v + 1;
+      v++;
     }
     return e.length;
   }
-  function l(m, y) {
+  function a(h, f) {
     const k = [];
-    let x = m;
-    for (; x < y; ) {
-      const $ = e[x];
-      if (B($) || $ === ">" || $ === "+" || $ === "~" || $ === ",") break;
-      if ($ === "*")
-        k.push({ kind: "universal" }), x++;
-      else if ($ === "." || $ === "#") {
-        const O = a(x + 1);
+    let v = h;
+    for (; v < f; ) {
+      const S = e[v];
+      if (K(S) || S === ">" || S === "+" || S === "~" || S === ",") break;
+      if (S === "*")
+        k.push({ kind: "universal" }), v++;
+      else if (S === "." || S === "#") {
+        const E = d(v + 1);
         k.push(
-          $ === "." ? { kind: "class", name: e.slice(x + 1, O) } : { kind: "name", name: e.slice(x + 1, O) }
-        ), x = O;
-      } else if ($ === "[") {
-        const O = Math.min(f(x), y);
-        k.push({ kind: "unknown", text: e.slice(x, O) }), x = O;
-      } else if ($ === ":")
-        if (e[x + 1] === ":") {
-          const O = a(x + 2);
-          k.push({ kind: "unknown", text: e.slice(x, O) }), x = O;
+          S === "." ? { kind: "class", name: e.slice(v + 1, E) } : { kind: "name", name: e.slice(v + 1, E) }
+        ), v = E;
+      } else if (S === "[") {
+        const E = Math.min(m(v), f);
+        k.push({ kind: "unknown", text: e.slice(v, E) }), v = E;
+      } else if (S === ":")
+        if (e[v + 1] === ":") {
+          const E = d(v + 2);
+          k.push({ kind: "unknown", text: e.slice(v, E) }), v = E;
         } else {
-          const O = a(x + 1);
-          if (e[O] === "(") {
-            const E = Math.min(f(O), y);
-            k.push({ kind: "unknown", text: e.slice(x, E) }), x = E;
+          const E = d(v + 1);
+          if (e[E] === "(") {
+            const M = Math.min(m(E), f);
+            k.push({ kind: "unknown", text: e.slice(v, M) }), v = M;
           } else
-            k.push({ kind: "pseudo", name: e.slice(x + 1, O) }), x = O;
+            k.push({ kind: "pseudo", name: e.slice(v + 1, E) }), v = E;
         }
-      else if (Ae.test($)) {
-        const O = a(x);
-        k.push({ kind: "type", name: e.slice(x, O) }), x = O;
+      else if (ze.test(S)) {
+        const E = d(v);
+        k.push({ kind: "type", name: e.slice(v, E) }), v = E;
       } else
-        k.push({ kind: "unknown", text: $ }), x++;
+        k.push({ kind: "unknown", text: S }), v++;
     }
-    return { simple: k, next: x };
-  }
-  function h(m, y) {
-    const k = d(m, y), x = [];
-    let $ = "descendant", O = null, E = k.start;
-    for (; E < k.end; ) {
-      const C = e[E];
-      if (B(C)) {
-        E++;
+    return { simple: k, next: v };
+  }
+  function b(h, f) {
+    const k = p(h, f), v = [];
+    let S = "descendant", E = null, M = k.start;
+    for (; M < k.end; ) {
+      const A = e[M];
+      if (K(A)) {
+        M++;
         continue;
       }
-      if (C === ">") {
-        $ = "child", E++;
+      if (A === ">") {
+        S = "child", M++;
         continue;
       }
-      if (C === "+" || C === "~") {
-        O = C, E++;
+      if (A === "+" || A === "~") {
+        E = A, M++;
         continue;
       }
-      const { simple: L, next: w } = l(E, k.end);
-      if (w === E) {
-        E++;
+      const { simple: z, next: q } = a(M, k.end);
+      if (q === M) {
+        M++;
         continue;
       }
-      O !== null && (L.unshift({ kind: "unknown", text: O }), O = null), x.push({ combinator: $, simple: L }), $ = "descendant", E = w;
+      E !== null && (z.unshift({ kind: "unknown", text: E }), E = null), v.push({ combinator: S, simple: z }), S = "descendant", M = q;
     }
-    return { parts: x, span: k };
+    return { parts: v, span: k };
   }
-  function g(m, y) {
+  function r(h, f) {
     const k = [];
-    let x = m;
+    let v = h;
     for (; ; ) {
-      const $ = Math.min(v(x, ","), y);
-      if (k.push(h(x, $)), $ >= y) break;
-      x = $ + 1;
+      const S = Math.min(g(v, ","), f);
+      if (k.push(b(v, S)), S >= f) break;
+      v = S + 1;
     }
     return k;
   }
-  function p() {
-    const m = r, y = a(r + 1), k = e.slice(r + 1, y), x = v(y, "{;");
-    if (x < e.length && e[x] === "{") {
-      const O = o(x);
-      return r = O, { kind: "unknown", span: { start: m, end: O } };
-    }
-    const $ = x < e.length ? x + 1 : e.length;
-    if (r = $, k === "import") {
-      const O = e.slice(y, $), E = /["']([^"']*)["']/.exec(O);
-      return E === null ? (u("@import without a quoted path", m, $), { kind: "unknown", span: { start: m, end: $ } }) : { kind: "import", url: E[1], span: { start: m, end: $ } };
-    }
-    return { kind: "unknown", span: { start: m, end: $ } };
-  }
-  function b() {
-    const m = r, y = v(m, "{");
-    if (y >= e.length)
-      return u("rule without a block", m, e.length), r = e.length, { kind: "unknown", span: { start: m, end: e.length } };
-    const k = d(m, y), x = o(y);
-    (x > e.length || e[x - 1] !== "}") && u("unterminated rule block", m, x);
-    const $ = {
-      selectors: g(k.start, k.end),
-      declarations: Ge(e, y + 1, x - 1, u),
-      span: { start: k.start, end: x },
+  function w() {
+    const h = i, f = d(i + 1), k = e.slice(i + 1, f), v = g(f, "{;");
+    if (v < e.length && e[v] === "{") {
+      const E = l(v);
+      return i = E, { kind: "unknown", span: { start: h, end: E } };
+    }
+    const S = v < e.length ? v + 1 : e.length;
+    if (i = S, k === "import") {
+      const E = e.slice(f, S), M = /["']([^"']*)["']/.exec(E);
+      return M === null ? (c("@import without a quoted path", h, S), { kind: "unknown", span: { start: h, end: S } }) : { kind: "import", url: M[1], span: { start: h, end: S } };
+    }
+    return { kind: "unknown", span: { start: h, end: S } };
+  }
+  function y() {
+    const h = i, f = g(h, "{");
+    if (f >= e.length)
+      return c("rule without a block", h, e.length), i = e.length, { kind: "unknown", span: { start: h, end: e.length } };
+    const k = p(h, f), v = l(f);
+    (v > e.length || e[v - 1] !== "}") && c("unterminated rule block", h, v);
+    const S = {
+      selectors: r(k.start, k.end),
+      declarations: it(e, f + 1, v - 1, c),
+      span: { start: k.start, end: v },
       selectorSpan: k,
       selectorDirty: !1,
       declarationsDirty: !1
     };
-    return r = x, { kind: "rule", rule: $ };
+    return i = v, { kind: "rule", rule: S };
   }
-  for (; c(), !(r >= e.length); )
-    i.push(e[r] === "@" ? p() : b());
-  return { sheet: { source: e, origin: n, items: i }, warnings: s };
+  for (; u(), !(i >= e.length); )
+    o.push(e[i] === "@" ? w() : y());
+  return { sheet: { source: e, origin: n, items: o }, warnings: s };
 }
-function Zt(e, n, t) {
+function bn(e, n, t) {
   switch (e.kind) {
     case "universal":
       return !0;
@@ -1468,61 +1832,61 @@ function Zt(e, n, t) {
       return !1;
   }
 }
-function Qt(e, n, t) {
-  return e.simple.every((s) => Zt(s, n, t));
+function vn(e, n, t) {
+  return e.simple.every((s) => bn(s, n, t));
 }
-function ue(e, n, t, s) {
-  if (!Qt(e[n], t, s)) return !1;
+function ke(e, n, t, s) {
+  if (!vn(e[n], t, s)) return !1;
   if (n === 0) return !0;
-  const i = s.parentOf(t);
+  const o = s.parentOf(t);
   if (e[n].combinator === "child")
-    return i !== null && ue(e, n - 1, i, s);
-  for (let r = i; r !== null; r = s.parentOf(r))
-    if (ue(e, n - 1, r, s)) return !0;
+    return o !== null && ke(e, n - 1, o, s);
+  for (let i = o; i !== null; i = s.parentOf(i))
+    if (ke(e, n - 1, i, s)) return !0;
   return !1;
 }
-function Je(e, n, t) {
-  return e.parts.length === 0 ? !1 : ue(e.parts, e.parts.length - 1, n, t);
+function xe(e, n, t) {
+  return e.parts.length === 0 ? !1 : ke(e.parts, e.parts.length - 1, n, t);
 }
-function en(e) {
+function rt(e) {
   const n = [];
   for (const t of e.parts)
     for (const s of t.simple)
       s.kind === "pseudo" && s.name !== "root" && !n.includes(s.name) && n.push(s.name);
   return n;
 }
-function tn(e) {
+function wn(e) {
   const n = [];
   for (const t of e)
     for (const s of t.parts)
-      for (const i of s.simple) {
-        if (i.kind !== "name" && i.kind !== "class" || !i.name.startsWith("unity-")) continue;
-        const r = i.kind === "name" ? `#${i.name}` : `.${i.name}`;
-        n.includes(r) || n.push(r);
+      for (const o of s.simple) {
+        if (o.kind !== "name" && o.kind !== "class" || !o.name.startsWith("unity-")) continue;
+        const i = o.kind === "name" ? `#${o.name}` : `.${o.name}`;
+        n.includes(i) || n.push(i);
       }
   return n;
 }
-function Xe(e) {
+function at(e) {
   for (const n of e)
     for (const t of n.parts)
       for (const s of t.simple)
         if (s.kind === "unknown") return s.text;
   return null;
 }
-function nn(e) {
+function kn(e) {
   const n = /* @__PURE__ */ new Map([[e, null]]), t = [e];
   for (; t.length > 0; ) {
     const s = t.pop();
-    for (const i of s.children)
-      n.set(i, s), t.push(i);
+    for (const o of s.children)
+      n.set(o, s), t.push(o);
   }
   return n;
 }
-function sn(e) {
+function xn(e) {
   let n = 0, t = 0, s = 0;
-  for (const i of e.parts)
-    for (const r of i.simple)
-      switch (r.kind) {
+  for (const o of e.parts)
+    for (const i of o.simple)
+      switch (i.kind) {
         case "name":
           n++;
           break;
@@ -1536,62 +1900,81 @@ function sn(e) {
       }
   return [n, t, s];
 }
-function Ye(e, n) {
+function lt(e, n) {
   return e[0] - n[0] || e[1] - n[1] || e[2] - n[2];
 }
-const rn = [Number.MAX_SAFE_INTEGER, 0, 0], on = ge(Ve, null, -1).sheet.items.flatMap(
+const Sn = [Number.MAX_SAFE_INTEGER, 0, 0], $n = Oe(Qe, null, -1).sheet.items.flatMap(
   (e, n) => e.kind === "rule" ? [{ rule: e.rule, sheet: -1, item: n, builtin: !0 }] : []
 );
-function ln(e) {
-  return Ve.slice(e.selectorSpan.start, e.selectorSpan.end).trim();
+function Tn(e) {
+  return Qe.slice(e.selectorSpan.start, e.selectorSpan.end).trim();
 }
-function an(e, n, t, s) {
-  const i = (t == null ? void 0 : t.activeStates) ?? /* @__PURE__ */ new Set(), r = Object.entries((t == null ? void 0 : t.states) ?? {}), u = [];
-  for (const [o, a] of r) {
-    const f = ge(`${o} {}`, null, -1).sheet.items.find((h) => h.kind === "rule"), l = f === void 0 ? o : Xe(f.rule.selectors);
-    if (f === void 0 || l !== null) {
+function En(e, n, t, s) {
+  const o = (t == null ? void 0 : t.activeStates) ?? /* @__PURE__ */ new Set(), i = Object.entries((t == null ? void 0 : t.states) ?? {}), c = [];
+  for (const [l, d] of i) {
+    const m = Oe(`${l} {}`, null, -1).sheet.items.find((w) => w.kind === "rule"), a = m === void 0 ? l : at(m.rule.selectors);
+    if (m === void 0 || a !== null) {
       s.push({
         kind: "unsupported-selector",
-        message: `states key "${o}" is not a usable USS selector; it is ignored`
+        message: `states key "${l}" is not a usable USS selector; it is ignored`,
+        reason: "not-uss",
+        subject: { kind: "states-key", key: l }
       });
       continue;
     }
-    u.push({ selectors: f.rule.selectors, states: a });
-  }
-  const c = /* @__PURE__ */ new Map(), v = (o) => o.attributes.some((a) => a.name === "enabled" && a.value === "false"), d = (o, a) => {
-    const f = a || v(o), l = new Set(i);
-    f && l.add("disabled");
-    for (const h of u)
-      if (h.selectors.some((g) => Je(g, { kind: "element", node: o }, n)))
-        for (const g of h.states) l.add(g);
-    c.set(o, l);
-    for (const h of o.children) d(h, f);
+    const b = m.rule.selectors, r = (w) => b.some((y) => xe(y, { kind: "element", node: w }, n)) || w.children.some(r);
+    if (!r(e.root)) {
+      const w = b.some((y) => rt(y).some((h) => be.includes(h)));
+      s.push({
+        kind: "unsupported-selector",
+        reason: "invalid-value",
+        message: `states key "${l}" matches no element` + (w ? ": keys are matched before any state is applied, so a state in the key never matches" : ""),
+        subject: { kind: "states-key", key: l, problem: w ? "state-in-key" : "matches-nothing" }
+      });
+    }
+    for (const w of new Set(d))
+      be.includes(w) || s.push({
+        kind: "unsupported-selector",
+        reason: "invalid-value",
+        message: `states key "${l}" lists unknown state "${w}"; Unity sets no such state`,
+        subject: { kind: "states-key", key: l, problem: "unknown-state", state: w }
+      });
+    c.push({ selectors: b, states: d });
+  }
+  const u = /* @__PURE__ */ new Map(), g = (l) => l.attributes.some((d) => d.name === "enabled" && d.value === "false"), p = (l, d) => {
+    const m = d || g(l), a = new Set(o);
+    m ? a.add("disabled") : a.add("enabled");
+    for (const b of c)
+      if (b.selectors.some((r) => xe(r, { kind: "element", node: l }, n)))
+        for (const r of b.states) a.add(r);
+    u.set(l, a);
+    for (const b of l.children) p(b, m);
   };
-  return d(e.root, !1), c;
+  return p(e.root, !1), u;
 }
-function cn(e) {
+function On(e) {
   const n = [], t = /* @__PURE__ */ new Map();
-  e.sheets.forEach((u, c) => {
-    u.origin !== null && !t.has(u.origin) && t.set(u.origin, c);
-  }), n.push(...on);
-  const s = /* @__PURE__ */ new Map(), i = (u, c) => {
-    const v = s.get(c) ?? /* @__PURE__ */ new Set();
-    if (v.has(u)) return;
-    v.add(u), s.set(c, v);
-    const d = e.sheets[u];
-    d !== void 0 && d.items.forEach((o, a) => {
-      if (o.kind === "rule")
-        n.push({ rule: o.rule, sheet: u, item: a, scope: c });
-      else if (o.kind === "import") {
-        const f = o.resolvedSheet ?? t.get(o.url);
-        f !== void 0 && i(f, c);
+  e.sheets.forEach((c, u) => {
+    c.origin !== null && !t.has(c.origin) && t.set(c.origin, u);
+  }), n.push(...$n);
+  const s = /* @__PURE__ */ new Map(), o = (c, u) => {
+    const g = s.get(u) ?? /* @__PURE__ */ new Set();
+    if (g.has(c)) return;
+    g.add(c), s.set(u, g);
+    const p = e.sheets[c];
+    p !== void 0 && p.items.forEach((l, d) => {
+      if (l.kind === "rule")
+        n.push({ rule: l.rule, sheet: c, item: d, scope: u });
+      else if (l.kind === "import") {
+        const m = l.resolvedSheet ?? t.get(l.url);
+        m !== void 0 && o(m, u);
       }
     });
-  }, r = e.styleRoots ?? (e.sheets.length === 0 ? [] : [{ sheet: 0, scope: e.root.id }]);
-  for (const u of r) i(u.sheet, u.scope);
+  }, i = e.styleRoots ?? (e.sheets.length === 0 ? [] : [{ sheet: 0, scope: e.root.id }]);
+  for (const c of i) o(c.sheet, c.scope);
   return n;
 }
-function un(e, n, t) {
+function In(e, n, t) {
   let s = e;
   for (; s !== null; ) {
     if (s.kind === "element" && s.node.id === n) return !0;
@@ -1599,25 +1982,34 @@ function un(e, n, t) {
   }
   return !1;
 }
-function dn(e) {
+function Dn(e) {
   return e.selectors.some(
     (n) => n.parts.some((t) => t.simple.some((s) => s.kind === "pseudo" && s.name === "root"))
   );
 }
-function de(e, n) {
+function re(e, n) {
+  var s;
+  const t = n.rule.selectorSpan;
+  return ((s = e.sheets[n.sheet]) == null ? void 0 : s.source.slice(t.start, t.end)) ?? "";
+}
+function Y(e, n) {
+  const t = e.sheets[n], s = e.sheets.find((o) => o.items.some((i) => i.kind === "import" && i.resolvedSheet === n));
+  return { url: (t == null ? void 0 : t.origin) ?? null, from: (t == null ? void 0 : t.sourceDocumentFrom) ?? (s == null ? void 0 : s.origin) ?? null };
+}
+function G(e, n) {
   var s;
   const t = (s = e.sheets[n]) == null ? void 0 : s.origin;
   return typeof t == "string" ? { sourceDocument: t } : {};
 }
-function Ke(e, n) {
-  const t = nn(e.root), s = [], i = /* @__PURE__ */ new Set(), r = (l) => {
-    var g;
-    const h = (g = l.attributes.find((p) => p.name === "class")) == null ? void 0 : g.value;
-    return h === void 0 ? [] : h.split(/\s+/).filter((p) => p.length > 0);
-  }, u = (l, h) => {
-    var g;
-    return (g = l.attributes.find((p) => p.name === h)) == null ? void 0 : g.value;
-  }, c = {
+function ct(e, n) {
+  const t = kn(e.root), s = [], o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), c = (r) => {
+    var y;
+    const w = (y = r.attributes.find((h) => h.name === "class")) == null ? void 0 : y.value;
+    return w === void 0 ? [] : w.split(/\s+/).filter((h) => h.length > 0);
+  }, u = (r, w) => {
+    var y;
+    return (y = r.attributes.find((h) => h.name === w)) == null ? void 0 : y.value;
+  }, g = {
     /**
      * The rule the measurement forced.
      *
@@ -1628,146 +2020,228 @@ function Ke(e, n) {
      * owner. That is the hierarchy the dumps show, so descendant selectors like
      * `.panel #unity-content-viewport` behave as they do in Unity.
      */
-    parentOf: (l) => {
-      if (l.kind === "element") {
-        const p = t.get(l.node) ?? null;
-        return p === null ? null : { kind: "element", node: p };
+    parentOf: (r) => {
+      if (r.kind === "element") {
+        const h = t.get(r.node) ?? null;
+        return h === null ? null : { kind: "element", node: h };
       }
-      if (l.depth === 0) return { kind: "element", node: l.owner };
-      const g = H(l.owner).spec.parts[l.depth - 1];
-      return { kind: "part", owner: l.owner, name: g.name, depth: l.depth - 1 };
+      if (r.depth === 0) return { kind: "element", node: r.owner };
+      const y = X(r.owner).spec.parts[r.depth - 1];
+      return { kind: "part", owner: r.owner, name: y.name, depth: r.depth - 1 };
     },
-    isRoot: (l) => l.kind === "element" && l.node === e.root,
+    isRoot: (r) => r.kind === "element" && r.node === e.root,
     // Unity's parts are VisualElements, so a `VisualElement` rule reaches them.
     // Not measured — `part-type-selector` is the case that will settle it.
-    typeNameOf: (l) => l.kind === "element" ? l.node.name.local : "VisualElement",
-    idOf: (l) => l.kind === "element" ? u(l.node, "name") : l.name,
+    typeNameOf: (r) => r.kind === "element" ? r.node.name.local : "VisualElement",
+    idOf: (r) => r.kind === "element" ? u(r.node, "name") : r.name,
     // Implicit classes are as real as written ones for matching: in Unity the
     // element genuinely carries them, which is why `.unity-button` in author USS
     // hits a plain `<ui:Button />`. Parts carry classes too in Unity, but which
     // ones is unmeasured, so none are claimed here.
-    classesOf: (l) => l.kind === "element" ? [...r(l.node), ...$t(l.node)] : []
-  }, v = { ...c, statesOf: () => i }, d = an(e, v, n, s), o = {
-    ...c,
+    classesOf: (r) => r.kind === "element" ? [...c(r.node), ...wt(r.node)] : []
+  }, p = { ...g, statesOf: () => i }, l = En(e, p, n, s), d = {
+    ...g,
     // A part inherits its owner's states: `SetEnabled(false)` disables the whole
     // subtree, and a part is inside it.
-    statesOf: (l) => d.get(l.kind === "element" ? l.node : l.owner) ?? i
-  }, a = [];
-  let f = !1;
-  for (const l of cn(e)) {
-    if (l.builtin === !0) {
-      a.push(l);
+    statesOf: (r) => l.get(r.kind === "element" ? r.node : r.owner) ?? i
+  }, m = [];
+  let a = !1;
+  for (const r of On(e)) {
+    if (r.builtin === !0) {
+      m.push(r);
       continue;
     }
-    const h = Xe(l.rule.selectors);
-    if (h !== null) {
+    const w = at(r.rule.selectors);
+    if (w !== null) {
       s.push({
         kind: "unsupported-selector",
-        message: `"${h}" is not supported in USS; the whole rule is ignored`,
-        at: { in: "uss", sheet: l.sheet, span: l.rule.selectorSpan },
-        ...de(e, l.sheet)
+        message: `"${w}": the whole rule is ignored`,
+        at: { in: "uss", sheet: r.sheet, ...Y(e, r.sheet), span: r.rule.selectorSpan },
+        reason: "not-uss",
+        subject: { kind: "selector", selector: re(e, r), fragment: w },
+        ...G(e, r.sheet)
       });
       continue;
     }
-    !f && dn(l.rule) && (f = !0, s.push({
+    !a && Dn(r.rule) && (a = !0, s.push({
       kind: "version-dependent",
-      message: ":root in USS names the element the stylesheet was applied to, not the document root as in CSS. Template stylesheets therefore match their generated TemplateContainer.",
-      at: { in: "uss", sheet: l.sheet, span: l.rule.selectorSpan },
-      ...de(e, l.sheet)
-    })), a.push(l);
+      // Not a version difference: USS :root means something else than CSS
+      // :root, and this preview does what Unity does. Kept as a warning so
+      // an author porting CSS is told; the kind stays for compatibility.
+      message: ":root matched the element this stylesheet is attached to — the document root, or the TemplateContainer of a template",
+      at: { in: "uss", sheet: r.sheet, ...Y(e, r.sheet), span: r.rule.selectorSpan },
+      reason: "matches-unity",
+      subject: { kind: "selector", selector: re(e, r), fragment: ":root" },
+      ...G(e, r.sheet)
+    })), m.push(r);
+  }
+  const b = /* @__PURE__ */ new Set();
+  for (const r of m) {
+    if (r.builtin === !0) continue;
+    const w = `${r.sheet}:${r.item}`;
+    if (b.has(w)) continue;
+    b.add(w);
+    const y = /* @__PURE__ */ new Set();
+    for (const h of r.rule.selectors)
+      for (const f of h.parts)
+        for (const k of f.simple)
+          k.kind !== "pseudo" || k.name === "root" || be.includes(k.name) || y.add(k.name);
+    for (const h of y)
+      s.push({
+        kind: "unsupported-selector",
+        message: `":${h}": never matches; Unity sets no such state`,
+        at: { in: "uss", sheet: r.sheet, ...Y(e, r.sheet), span: r.rule.selectorSpan },
+        ...G(e, r.sheet),
+        reason: "not-uss",
+        subject: { kind: "selector", selector: re(e, r), fragment: `:${h}` }
+      });
+    for (const h of r.rule.declarations) {
+      const f = tt(h.property, h.value);
+      if (f === null) continue;
+      const k = {
+        kind: "unsupported-property",
+        ...f,
+        at: { in: "uss", sheet: r.sheet, ...Y(e, r.sheet), span: h.span },
+        ...G(e, r.sheet)
+      };
+      s.push(k), o.set(k, `${r.sheet}:${r.item}`);
+    }
   }
-  return { ctx: o, usable: a, warnings: s };
+  return e.sheets.forEach((r, w) => {
+    var y;
+    for (const h of r.items) {
+      if (h.kind !== "unknown") continue;
+      const f = (y = /^@([A-Za-z][\w-]*)/.exec(r.source.slice(h.span.start, h.span.end))) == null ? void 0 : y[1];
+      f === void 0 || f === "import" || s.push({
+        kind: "unsupported-selector",
+        message: `@${f}: block ignored`,
+        at: { in: "uss", sheet: w, ...Y(e, w), span: h.span },
+        ...G(e, w),
+        reason: "not-uss",
+        subject: { kind: "at-rule", name: f }
+      });
+    }
+  }), { ctx: d, usable: m, warnings: s, declarationWarnings: o };
 }
-function fn(e, n) {
-  const t = n.attributes.find((i) => i.name === "style");
+function Ie(e, n) {
+  const t = n.attributes.find((o) => o.name === "style");
   if (t === void 0) return [];
-  const s = Kt(t);
-  return s === null ? [] : Ge(e.source, s, s + t.value.length);
+  const s = yn(t);
+  return s === null ? [] : it(e.source, s, s + t.value.length);
+}
+function Mn(e, n) {
+  let t = null;
+  const s = (o, i) => {
+    var c;
+    typeof o.sourceDocument != "string" && i.set(((c = o.derived) == null ? void 0 : c.instance) ?? o.id, o);
+    for (const u of o.children) s(u, i);
+    return i;
+  };
+  return (o) => {
+    var i;
+    if (o.kind === "rule") {
+      const c = (i = e.sheets[o.sheet]) == null ? void 0 : i.items[o.item], u = (c == null ? void 0 : c.kind) === "rule" ? c.rule.declarations[o.declIndex] : void 0;
+      return u === void 0 ? {} : { nodes: [...n.get(`${o.sheet}:${o.item}`) ?? []], at: { in: "uss", sheet: o.sheet, ...Y(e, o.sheet), span: u.span }, ...G(e, o.sheet) };
+    }
+    if (o.kind === "inline") {
+      if (typeof o.sourceDocument == "string") return { sourceDocument: o.sourceDocument };
+      t ?? (t = s(e.root, /* @__PURE__ */ new Map()));
+      const c = t.get(o.node), u = c === void 0 ? void 0 : Ie(e, c)[o.declIndex];
+      return u === void 0 ? {} : { at: { in: "uxml", span: u.span } };
+    }
+    return {};
+  };
 }
-function Ze(e, n, t, s) {
+function ut(e, n, t, s, o) {
   const i = [];
-  let r = 0;
-  const u = (c, v, d, o, a) => {
-    i.push({ property: c, value: v, origin: d, rank: o, specificity: a, order: r++, winner: !1 });
+  let c = 0;
+  const u = (g, p, l, d, m) => {
+    i.push({ property: g, value: p, origin: l, rank: d, specificity: m, order: c++, winner: !1 });
   };
   if (n.kind === "part") {
-    const c = H(n.owner).spec.parts[n.depth];
-    for (const [v, d] of Object.entries((c == null ? void 0 : c.style) ?? {}))
-      for (const [o, a] of ie(v, d))
+    const g = X(n.owner).spec.parts[n.depth];
+    for (const [p, l] of Object.entries((g == null ? void 0 : g.style) ?? {}))
+      for (const [d, m] of pe(p, l))
         u(
-          o,
-          a,
+          d,
+          m,
           {
             kind: "builtin-theme",
             selector: `#${n.name}`,
-            property: o,
-            unityVersion: Z
+            property: d,
+            unityVersion: ae
           },
           0,
           [0, 0, 0]
         );
   }
-  for (const c of t.usable) {
-    if (c.scope !== void 0 && !un(n, c.scope, t.ctx)) continue;
-    const v = c.scope === void 0 ? t.ctx : {
+  for (const g of t.usable) {
+    if (g.scope !== void 0 && !In(n, g.scope, t.ctx)) continue;
+    const p = g.scope === void 0 ? t.ctx : {
       ...t.ctx,
       // Unity USS :root names the element this particular stylesheet is
       // attached to. Template sheets are attached to each generated
       // TemplateContainer, not to the entry document root.
-      isRoot: (a) => a.kind === "element" && a.node.id === c.scope
+      isRoot: (m) => m.kind === "element" && m.node.id === g.scope
     };
-    let d = null, o = [];
-    for (const a of c.rule.selectors) {
-      if (!Je(a, n, v)) continue;
-      const f = sn(a);
-      (d === null || Ye(f, d) > 0) && (d = f, o = en(a));
-    }
-    d !== null && (s == null || s.add(c), c.rule.declarations.forEach((a, f) => {
-      var l, h, g;
-      for (const [p, b] of ie(a.property, a.value)) {
-        const m = c.builtin === !0 ? {
-          kind: "builtin-theme",
-          selector: ln(c.rule),
-          property: p,
-          unityVersion: Z
-        } : {
-          kind: "rule",
-          sheet: c.sheet,
-          item: c.item,
-          declIndex: f,
-          ...((l = e.sheets[c.sheet]) == null ? void 0 : l.origin) === null || ((h = e.sheets[c.sheet]) == null ? void 0 : h.origin) === void 0 ? {} : { sourceDocument: e.sheets[c.sheet].origin },
-          ...((g = e.sheets[c.sheet]) == null ? void 0 : g.sourceDocumentFrom) === void 0 ? {} : { sourceDocumentFrom: e.sheets[c.sheet].sourceDocumentFrom },
-          // Omitted rather than set to [] when unconditional, so the
-          // common case stays the shape it has always been.
-          ...o.length > 0 ? { states: o } : {}
-        };
-        u(p, b, m, c.builtin === !0 ? 0 : 1, d);
+    let l = null, d = [];
+    for (const m of g.rule.selectors) {
+      if (!xe(m, n, p)) continue;
+      const a = xn(m);
+      (l === null || lt(a, l) > 0) && (l = a, d = rt(m));
+    }
+    if (l !== null) {
+      if (s == null || s.add(g), o !== void 0 && n.kind === "element" && g.builtin !== !0) {
+        const m = `${g.sheet}:${g.item}`, a = o.get(m) ?? [];
+        a.includes(n.node.id) || a.push(n.node.id), o.set(m, a);
       }
-    }));
+      g.rule.declarations.forEach((m, a) => {
+        var b, r, w;
+        for (const [y, h] of pe(m.property, m.value)) {
+          const f = g.builtin === !0 ? {
+            kind: "builtin-theme",
+            selector: Tn(g.rule),
+            property: y,
+            unityVersion: ae
+          } : {
+            kind: "rule",
+            sheet: g.sheet,
+            item: g.item,
+            declIndex: a,
+            ...((b = e.sheets[g.sheet]) == null ? void 0 : b.origin) === null || ((r = e.sheets[g.sheet]) == null ? void 0 : r.origin) === void 0 ? {} : { sourceDocument: e.sheets[g.sheet].origin },
+            ...((w = e.sheets[g.sheet]) == null ? void 0 : w.sourceDocumentFrom) === void 0 ? {} : { sourceDocumentFrom: e.sheets[g.sheet].sourceDocumentFrom },
+            // Omitted rather than set to [] when unconditional, so the
+            // common case stays the shape it has always been.
+            ...d.length > 0 ? { states: d } : {}
+          };
+          u(y, h, f, g.builtin === !0 ? 0 : 1, l);
+        }
+      });
+    }
   }
   if (n.kind === "element") {
-    const c = n.node;
-    fn(e, c).forEach((v, d) => {
-      var o;
-      for (const [a, f] of ie(v.property, v.value))
+    const g = n.node;
+    Ie(e, g).forEach((p, l) => {
+      var d;
+      for (const [m, a] of pe(p.property, p.value))
         u(
+          m,
           a,
-          f,
           {
             kind: "inline",
-            node: ((o = c.derived) == null ? void 0 : o.instance) ?? c.sourceNode ?? c.id,
-            declIndex: d,
-            ...typeof c.sourceDocument == "string" ? { sourceDocument: c.sourceDocument } : {},
-            ...c.sourceDocumentFrom === void 0 ? {} : { sourceDocumentFrom: c.sourceDocumentFrom }
+            node: ((d = g.derived) == null ? void 0 : d.instance) ?? g.sourceNode ?? g.id,
+            declIndex: l,
+            ...typeof g.sourceDocument == "string" ? { sourceDocument: g.sourceDocument } : {},
+            ...g.sourceDocumentFrom === void 0 ? {} : { sourceDocumentFrom: g.sourceDocumentFrom }
           },
           1,
-          rn
+          Sn
         );
     });
   }
   return i;
 }
-function Qe(e) {
+function dt(e) {
   const n = /* @__PURE__ */ new Map();
   for (const t of e) {
     const s = n.get(t.property);
@@ -1779,100 +2253,124 @@ function Qe(e) {
       t.rank > s.rank && n.set(t.property, t);
       continue;
     }
-    const i = Ye(t.specificity, s.specificity);
-    (i > 0 || i === 0 && t.order > s.order) && n.set(t.property, t);
+    const o = lt(t.specificity, s.specificity);
+    (o > 0 || o === 0 && t.order > s.order) && n.set(t.property, t);
   }
   for (const t of n.values()) t.winner = !0;
   return n;
 }
-const pn = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
-function fe(e, n, t = /* @__PURE__ */ new Set()) {
-  var i;
+const Cn = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
+function Se(e, n, t = /* @__PURE__ */ new Set()) {
+  var o;
   let s = e;
-  for (let r = 0; r < 32; r++) {
-    const u = pn.exec(s);
-    if (u === null) return s;
-    const c = u[1], v = (i = u[2]) == null ? void 0 : i.trim();
-    if (t.has(c)) return null;
-    const d = /* @__PURE__ */ new Set([...t, c]), o = n.get(c), a = o !== void 0 ? fe(o, n, d) : v !== void 0 && v.length > 0 ? fe(v, n, d) : null;
-    if (a === null) return null;
-    s = s.slice(0, u.index) + a + s.slice(u.index + u[0].length);
+  for (let i = 0; i < 32; i++) {
+    const c = Cn.exec(s);
+    if (c === null) return s;
+    const u = c[1], g = (o = c[2]) == null ? void 0 : o.trim();
+    if (t.has(u)) return null;
+    const p = /* @__PURE__ */ new Set([...t, u]), l = n.get(u), d = l !== void 0 ? Se(l, n, p) : g !== void 0 && g.length > 0 ? Se(g, n, p) : null;
+    if (d === null) return null;
+    s = s.slice(0, c.index) + d + s.slice(c.index + c[0].length);
   }
   return null;
 }
-function hn(e, n) {
-  const t = Ke(e, n), s = [...t.warnings], i = /* @__PURE__ */ new Map();
-  let r = !1;
-  const u = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), v = (o, a, f) => {
-    const l = Ze(e, o, t, c);
-    !r && l.some((m) => m.origin.kind === "builtin-theme") && (r = !0);
-    const h = Qe(l), g = /* @__PURE__ */ new Map();
-    for (const [m, y] of a)
-      m.startsWith("--") && g.set(m, y.value);
-    for (const [m, y] of h)
-      m.startsWith("--") && g.set(m, y.value);
-    const p = /* @__PURE__ */ new Map();
-    for (const [m, y] of a) p.set(m, y);
-    for (const [m, y] of h) {
-      const k = fe(y.value, g);
-      if (k === null) {
+function Rn(e, n) {
+  const t = ct(e, n), s = [...t.warnings], o = /* @__PURE__ */ new Map();
+  let i = !1;
+  const c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map(), p = (a, b, r) => {
+    const w = ut(e, a, t, u, g);
+    !i && w.some((v) => v.origin.kind === "builtin-theme") && (i = !0);
+    const y = dt(w), h = /* @__PURE__ */ new Map();
+    for (const [v, S] of b)
+      v.startsWith("--") && h.set(v, S.value);
+    for (const [v, S] of y)
+      v.startsWith("--") && h.set(v, S.value);
+    const f = /* @__PURE__ */ new Map();
+    for (const [v, S] of b) f.set(v, S);
+    for (const [v, S] of y) {
+      const E = Se(S.value, h);
+      if (E === null) {
         s.push({
           kind: "unsupported-property",
-          message: `${m}: var() reference could not be resolved; declaration dropped`,
-          node: f
+          message: `${v}: var() reference could not be resolved; declaration dropped`,
+          node: r,
+          reason: "invalid-value",
+          subject: { kind: "property", property: v, value: S.value }
         });
         continue;
       }
-      p.set(m, { value: k, origin: y.origin });
+      f.set(v, { value: E, origin: S.origin });
     }
-    const b = /* @__PURE__ */ new Map();
-    for (const [m, y] of p)
-      Dt(m) && b.set(m, {
-        value: y.value,
-        origin: { kind: "inherited", from: f, origin: y.origin }
+    const k = /* @__PURE__ */ new Map();
+    for (const [v, S] of f)
+      Gt(v) && k.set(v, {
+        value: S.value,
+        origin: { kind: "inherited", from: r, origin: S.origin }
       });
-    return { computed: p, forChildren: b };
-  }, d = (o, a) => {
-    const f = v({ kind: "element", node: o }, a, o.id);
-    i.set(o.id, f.computed);
-    let l = f.forChildren;
-    const h = H(o).spec.parts;
-    if (h.length > 0) {
-      const g = /* @__PURE__ */ new Map();
-      h.forEach((p, b) => {
-        const m = v(
-          { kind: "part", owner: o, name: p.name, depth: b },
-          l,
-          o.id
+    return { computed: f, forChildren: k };
+  }, l = /* @__PURE__ */ new Set(), d = (a) => {
+    var w;
+    const b = ((w = a.derived) == null ? void 0 : w.instance) ?? a.sourceNode ?? a.id, r = typeof a.sourceDocument == "string" ? a.sourceDocument : null;
+    Ie(e, a).forEach((y, h) => {
+      const f = tt(y.property, y.value);
+      if (f === null) return;
+      const k = `${a.sourceDocument ?? ""}#${b}#${h}`;
+      l.has(k) || (l.add(k), s.push({
+        kind: "unsupported-property",
+        ...f,
+        node: a.id,
+        // A span is only meaningful in the entry document's own text; a
+        // template's declaration names its file instead.
+        ...r !== null ? { sourceDocument: r } : { at: { in: "uxml", span: y.span } }
+      }));
+    });
+  }, m = (a, b) => {
+    d(a);
+    const r = p({ kind: "element", node: a }, b, a.id);
+    o.set(a.id, r.computed);
+    let w = r.forChildren;
+    const y = X(a).spec.parts;
+    if (y.length > 0) {
+      const h = /* @__PURE__ */ new Map();
+      y.forEach((f, k) => {
+        const v = p(
+          { kind: "part", owner: a, name: f.name, depth: k },
+          w,
+          a.id
         );
-        g.set(p.name, m.computed), l = m.forChildren;
-      }), u.set(o.id, g);
+        h.set(f.name, v.computed), w = v.forChildren;
+      }), c.set(a.id, h);
     }
-    for (const g of o.children) d(g, l);
+    for (const h of a.children) m(h, w);
   };
-  d(e.root, /* @__PURE__ */ new Map()), r && s.push({
+  m(e.root, /* @__PURE__ */ new Map()), i && s.push({
     kind: "version-dependent",
-    message: `Unity's control defaults were applied, as measured on ${Z} (Unity ships these as a theme stylesheet). Other versions may use different values; see src/controls/theme.ts.`
+    message: `Built-in control defaults applied, as measured on Unity ${ae}`,
+    reason: "version-dependent"
   });
-  for (const o of t.usable) {
-    if (o.builtin === !0 || c.has(o)) continue;
-    const a = tn(o.rule.selectors);
-    a.length !== 0 && s.push({
+  for (const a of t.usable) {
+    if (a.builtin === !0 || u.has(a)) continue;
+    const b = wn(a.rule.selectors);
+    b.length !== 0 && s.push({
       kind: "unsupported-selector",
-      message: `${a.join(", ")} matched nothing. Those names belong to the elements a control builds for itself, and only controls with a renderer of their own have them — ${Tt().join(", ")}. Anything else is drawn as a plain box and has no parts to style.`,
-      at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan },
-      ...de(e, o.sheet)
+      message: `${b.join(", ")} matched nothing; only ${kt().join(", ")} are drawn with the parts these names refer to`,
+      at: { in: "uss", sheet: a.sheet, ...Y(e, a.sheet), span: a.rule.selectorSpan },
+      reason: "not-rendered",
+      subject: { kind: "selector", selector: re(e, a), fragment: b.join(", ") },
+      ...G(e, a.sheet)
     });
   }
-  return { styles: i, partStyles: u, warnings: s };
+  for (const [a, b] of t.declarationWarnings)
+    a.nodes = g.get(b) ?? [];
+  return { styles: o, partStyles: c, warnings: s, matchedNodes: g };
 }
-function Sn(e, n, t, s) {
-  const i = Ke(e, s), r = Ze(e, { kind: "element", node: n }, i).filter(
-    (u) => u.property === t
+function Bn(e, n, t, s) {
+  const o = ct(e, s), i = ut(e, { kind: "element", node: n }, o).filter(
+    (c) => c.property === t
   );
-  return Qe(r), r;
+  return dt(i), i;
 }
-const $n = [
+const Hn = [
   {
     id: "text-metrics",
     kind: "unreproducible",
@@ -1892,226 +2390,341 @@ const $n = [
     detail: "The yoga-layout version this package depends on resolves a main-axis percentage against an indefinite parent differently from the Yoga vendored inside Unity 6000.0.40f1. Not configurable: no available setting reproduces Unity's answer without breaking cases that currently match. Fully deterministic and pinned to a case in docs/accuracy.md — this always reproduces the same way, it just cannot be fixed from inside this repository."
   }
 ];
-function mn(e, n) {
-  const t = (d) => e.slice(d.start, d.end);
-  function s(d) {
-    return d.spans.closeTag !== null ? d.spans.closeTag.end : Math.max(d.spans.openTag.end, d.spans.inner.end);
-  }
-  function i(d) {
-    return d.includes('"') ? d.includes("'") ? `"${d.replace(/"/g, "&quot;")}"` : `'${d}'` : `"${d}"`;
-  }
-  function r(d) {
-    const o = d.attributes.map((f) => ` ${f.name}=${i(f.value)}`).join(""), a = Ce(d.name);
-    return d.spans.closeTag === null ? `<${a}${o} />` : `<${a}${o}>`;
-  }
-  function u(d) {
-    var l, h;
-    const o = t(d.spans.inner), a = ((l = /^[ \t]*\r?\n[ \t]*/.exec(o)) == null ? void 0 : l[0]) ?? "", f = ((h = /\r?\n[ \t]*$/.exec(o)) == null ? void 0 : h[0]) ?? "";
-    return { between: a, before: a, after: f };
-  }
-  function c(d) {
-    const { inner: o } = d.spans;
-    if (d.children.length === 0) return t(o);
-    if (d.childrenDirty) {
-      const { between: l, before: h, after: g } = u(d);
-      return h + d.children.map(v).join(l) + g;
-    }
-    let a = "", f = o.start;
-    for (const l of d.children)
-      a += e.slice(f, l.spans.openTag.start), a += v(l), f = s(l);
-    return a + e.slice(f, o.end);
-  }
-  function v(d) {
-    const o = d.tagDirty ? r(d) : t(d.spans.openTag), a = d.spans.closeTag === null ? "" : t(d.spans.closeTag);
-    return o + c(d) + a;
-  }
-  return e.slice(0, n.spans.openTag.start) + v(n) + e.slice(s(n));
-}
-function gn(e) {
-  const n = e.source, t = (o) => n.slice(o.start, o.end);
-  function s(o) {
-    return o.parts.map((a, f) => {
-      const l = f === 0 ? "" : a.combinator === "child" ? " > " : " ", h = a.simple.map((g) => {
-        switch (g.kind) {
+function jn(e, n) {
+  const t = (p) => e.slice(p.start, p.end);
+  function s(p) {
+    return p.spans.closeTag !== null ? p.spans.closeTag.end : Math.max(p.spans.openTag.end, p.spans.inner.end);
+  }
+  function o(p) {
+    return p.includes('"') ? p.includes("'") ? `"${p.replace(/"/g, "&quot;")}"` : `'${p}'` : `"${p}"`;
+  }
+  function i(p) {
+    const l = p.attributes.map((m) => ` ${m.name}=${o(m.value)}`).join(""), d = _e(p.name);
+    return p.spans.closeTag === null ? `<${d}${l} />` : `<${d}${l}>`;
+  }
+  function c(p) {
+    var a, b;
+    const l = t(p.spans.inner), d = ((a = /^[ \t]*\r?\n[ \t]*/.exec(l)) == null ? void 0 : a[0]) ?? "", m = ((b = /\r?\n[ \t]*$/.exec(l)) == null ? void 0 : b[0]) ?? "";
+    return { between: d, before: d, after: m };
+  }
+  function u(p) {
+    const { inner: l } = p.spans;
+    if (p.children.length === 0) return t(l);
+    if (p.childrenDirty) {
+      const { between: a, before: b, after: r } = c(p);
+      return b + p.children.map(g).join(a) + r;
+    }
+    let d = "", m = l.start;
+    for (const a of p.children)
+      d += e.slice(m, a.spans.openTag.start), d += g(a), m = s(a);
+    return d + e.slice(m, l.end);
+  }
+  function g(p) {
+    const l = p.tagDirty ? i(p) : t(p.spans.openTag), d = p.spans.closeTag === null ? "" : t(p.spans.closeTag);
+    return l + u(p) + d;
+  }
+  return e.slice(0, n.spans.openTag.start) + g(n) + e.slice(s(n));
+}
+function Nn(e) {
+  const n = e.source, t = (l) => n.slice(l.start, l.end);
+  function s(l) {
+    return l.parts.map((d, m) => {
+      const a = m === 0 ? "" : d.combinator === "child" ? " > " : " ", b = d.simple.map((r) => {
+        switch (r.kind) {
           case "universal":
             return "*";
           case "type":
-            return g.name;
+            return r.name;
           case "class":
-            return `.${g.name}`;
+            return `.${r.name}`;
           case "name":
-            return `#${g.name}`;
+            return `#${r.name}`;
           case "pseudo":
-            return `:${g.name}`;
+            return `:${r.name}`;
           case "unknown":
-            return g.text;
+            return r.text;
         }
       }).join("");
-      return l + h;
+      return a + b;
     }).join("");
   }
-  function i(o) {
-    var p, b;
-    const a = o.declarations[0];
-    if (a === void 0) return { between: "", before: "", after: "" };
-    const f = n.lastIndexOf(`
-`, a.span.start), l = f < 0 ? "" : n.slice(f, a.span.start), h = n.slice(o.selectorSpan.end, o.span.end), g = ((b = (p = /\r?\n[ \t]*\}$/.exec(h)) == null ? void 0 : p[0]) == null ? void 0 : b.replace(/\}$/, "")) ?? "";
-    return { between: `;${l}`, before: l, after: `;${g}` };
-  }
-  function r(o) {
-    const a = o.selectorDirty ? o.selectors.map(s).join(", ") : t(o.selectorSpan);
-    if (o.declarations.length === 0)
-      return a + n.slice(o.selectorSpan.end, o.span.end);
-    const f = n.slice(o.selectorSpan.end, o.declarations[0].span.start);
-    if (o.declarationsDirty) {
-      const { between: g, before: p, after: b } = i(o), m = f.slice(0, f.indexOf("{") + 1), y = o.declarations.map(u).join(g);
-      return `${a}${m}${p}${y}${b}}`;
-    }
-    let l = a, h = o.selectorSpan.end;
-    for (const g of o.declarations)
-      l += n.slice(h, g.span.start), l += u(g), h = g.span.end;
-    return l + n.slice(h, o.span.end);
-  }
-  function u(o) {
-    return o.dirty ? `${o.property}: ${o.value}` : t(o.span);
-  }
-  function c(o) {
-    return o.kind === "rule" ? r(o.rule) : t(o.span);
-  }
-  let v = "", d = 0;
-  for (const o of e.items) {
-    const a = o.kind === "rule" ? o.rule.span : o.span;
-    v += n.slice(d, a.start), v += c(o), d = a.end;
-  }
-  return v + n.slice(d);
-}
-ot(
-  (e, n) => n === void 0 ? Ie(e) : Ie(e, void 0, { resolveImport: n })
+  function o(l) {
+    var w, y;
+    const d = l.declarations[0];
+    if (d === void 0) return { between: "", before: "", after: "" };
+    const m = n.lastIndexOf(`
+`, d.span.start), a = m < 0 ? "" : n.slice(m, d.span.start), b = n.slice(l.selectorSpan.end, l.span.end), r = ((y = (w = /\r?\n[ \t]*\}$/.exec(b)) == null ? void 0 : w[0]) == null ? void 0 : y.replace(/\}$/, "")) ?? "";
+    return { between: `;${a}`, before: a, after: `;${r}` };
+  }
+  function i(l) {
+    const d = l.selectorDirty ? l.selectors.map(s).join(", ") : t(l.selectorSpan);
+    if (l.declarations.length === 0)
+      return d + n.slice(l.selectorSpan.end, l.span.end);
+    const m = n.slice(l.selectorSpan.end, l.declarations[0].span.start);
+    if (l.declarationsDirty) {
+      const { between: r, before: w, after: y } = o(l), h = m.slice(0, m.indexOf("{") + 1), f = l.declarations.map(c).join(r);
+      return `${d}${h}${w}${f}${y}}`;
+    }
+    let a = d, b = l.selectorSpan.end;
+    for (const r of l.declarations)
+      a += n.slice(b, r.span.start), a += c(r), b = r.span.end;
+    return a + n.slice(b, l.span.end);
+  }
+  function c(l) {
+    return l.dirty ? `${l.property}: ${l.value}` : t(l.span);
+  }
+  function u(l) {
+    return l.kind === "rule" ? i(l.rule) : t(l.span);
+  }
+  let g = "", p = 0;
+  for (const l of e.items) {
+    const d = l.kind === "rule" ? l.rule.span : l.span;
+    g += n.slice(p, d.start), g += u(l), p = d.end;
+  }
+  return g + n.slice(p);
+}
+function An(e, n, t, s) {
+  const o = /* @__PURE__ */ new Map();
+  if (s === void 0) return { fonts: o, warnings: [...n] };
+  const i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = (p, l, d) => {
+    for (; l.kind === "inherited"; ) l = l.origin;
+    const m = t(l);
+    return JSON.stringify([
+      p,
+      m.sourceDocument,
+      m.at,
+      m.at === void 0 ? l.kind === "inline" ? l.node : d : null
+    ]);
+  };
+  for (const [p, l] of e)
+    for (const d of ["-unity-font", "-unity-font-definition"]) {
+      const m = l.get(d);
+      if (m === void 0) continue;
+      const a = st(m.value);
+      if (a === null) continue;
+      const b = JSON.stringify([a.path, a.form]);
+      if (!i.has(b)) {
+        const h = s(a.path, a.form);
+        i.set(b, typeof h == "string" ? { family: h } : h);
+      }
+      const r = i.get(b);
+      let w = m.origin;
+      for (; w.kind === "inherited"; ) w = w.origin;
+      const y = u(d, w, p);
+      c.has(y) || c.set(y, r === null ? {
+        kind: "asset-unresolved",
+        message: `${d}: "${a.path}" was not resolved`,
+        node: w.kind === "inline" ? w.node : p,
+        subject: { kind: "asset", ...a, role: "font" },
+        ...t(w)
+      } : null), d === "-unity-font-definition" && o.delete(l), r !== null && o.set(l, r);
+    }
+  const g = n.filter((p) => {
+    var d;
+    if (p.reason !== "not-rendered" || ((d = p.subject) == null ? void 0 : d.kind) !== "property") return !0;
+    const l = JSON.stringify([
+      p.subject.property,
+      p.sourceDocument,
+      p.at,
+      p.at === void 0 ? p.node : null
+    ]);
+    return !c.has(l);
+  });
+  return { fonts: o, warnings: [...g, ...[...c.values()].filter((p) => p !== null)] };
+}
+function Vn(e) {
+  const n = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), s = (c) => {
+    n.set(c.id, c);
+    for (const u of c.children)
+      t.set(u.id, c.id), s(u);
+  };
+  e.document !== void 0 && s(e.document.root);
+  const o = /* @__PURE__ */ new Map(), i = (c) => {
+    var p, l, d, m;
+    const u = o.get(c);
+    if (u !== void 0) return u;
+    let g;
+    for (let a = c; a !== void 0; a = t.get(a)) {
+      const b = (l = (p = e.styles) == null ? void 0 : p.get(a)) == null ? void 0 : l.get("display");
+      if ((b == null ? void 0 : b.value) === "none") {
+        g = { kind: "hidden", by: a, origin: b.origin };
+        break;
+      }
+    }
+    if (g === void 0) {
+      const a = e.boxes.get(c);
+      if (a.width === 0 || a.height === 0) {
+        const b = (d = e.styles) == null ? void 0 : d.get(c), r = ["width", "height"].some((y) => {
+          var h;
+          return /^-?0+(\.0+)?(px|%)?$/.test(((h = b == null ? void 0 : b.get(y)) == null ? void 0 : h.value) ?? "");
+        }), w = ((m = n.get(c)) == null ? void 0 : m.children.filter((y) => e.boxes.has(y.id))) ?? [];
+        g = !r && w.length > 0 && w.every((y) => {
+          const h = i(y.id).kind;
+          return h === "hidden" || h === "emptied";
+        }) ? { kind: "emptied" } : { kind: "collapsed", explicitZero: r };
+      } else g = { kind: "shown" };
+    }
+    return o.set(c, g), g;
+  };
+  for (const c of e.boxes.keys()) i(c);
+  return o;
+}
+St(
+  (e, n) => n === void 0 ? Fe(e) : Fe(e, void 0, { resolveImport: n })
 );
-function et(e, n = []) {
+function ft(e, n = []) {
   var t;
   for (const s of e.children) {
     if (s.name.local === "Style") {
-      const i = (t = s.attributes.find((r) => r.name === "src")) == null ? void 0 : t.value;
-      i !== void 0 && i.length > 0 && n.push({ url: J(i), scope: e.id });
+      const o = (t = s.attributes.find((i) => i.name === "src")) == null ? void 0 : t.value;
+      o !== void 0 && o.length > 0 && n.push({ url: Z(o), scope: e.id });
     }
-    et(s, n);
+    ft(s, n);
   }
   return n;
 }
-function wn(e) {
+function Ln(e) {
   return e.startsWith("project://") || e.startsWith("/");
 }
-function Ie(e, n, t) {
-  var d, o;
-  const s = Re(e), i = [...s.warnings], r = [], u = [], c = [];
-  for (const { url: a, scope: f } of et(s.root)) {
-    const l = ((d = t == null ? void 0 : t.resolveImport) == null ? void 0 : d.call(t, a, null)) ?? null;
-    if (l === null) {
-      i.push({
+function Fe(e, n, t) {
+  var p, l, d;
+  const s = We(e), o = [...s.warnings], i = [], c = [], u = [];
+  for (const { url: m, scope: a } of ft(s.root)) {
+    const b = ((p = t == null ? void 0 : t.resolveImport) == null ? void 0 : p.call(t, m, null)) ?? null;
+    if (b === null) {
+      o.push({
         kind: "import-unresolved",
-        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${a}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${a}"> could not be resolved`,
-        node: s.root.id
+        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${m}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${m}"> could not be resolved`,
+        node: s.root.id,
+        subject: { kind: "import", url: m, from: null }
       });
       continue;
     }
-    c.push({ text: l, origin: a, scope: f });
-  }
-  if (n !== void 0 || c.length > 0) {
-    const a = /* @__PURE__ */ new Map(), f = [];
-    let l = 0;
-    for (const h of c) {
-      const g = l++;
-      f.push({ text: h.text, origin: h.origin, sheet: g }), u.push({ sheet: g, scope: h.scope });
+    u.push({ text: b, origin: m, scope: a });
+  }
+  if (n !== void 0 || u.length > 0) {
+    const m = /* @__PURE__ */ new Map(), a = [];
+    let b = 0;
+    for (const r of u) {
+      const w = b++;
+      a.push({ text: r.text, origin: r.origin, sheet: w }), c.push({ sheet: w, scope: r.scope });
     }
     if (n !== void 0) {
-      const h = l++;
-      f.push({ text: n, origin: null, sheet: h }), u.push({ sheet: h, scope: s.root.id });
-    }
-    for (; f.length > 0; ) {
-      const h = f.shift(), g = h.sheet, p = ge(h.text, h.origin, g);
-      r.push(p.sheet), i.push(...p.warnings);
-      for (const b of p.sheet.items) {
-        if (b.kind !== "import") continue;
-        const m = wn(b.url) ? b.url : JSON.stringify([b.url, h.origin]);
-        if (a.has(m)) {
-          const x = a.get(m);
-          x != null && (b.resolvedSheet = x);
+      const r = b++;
+      a.push({ text: n, origin: null, sheet: r }), c.push({ sheet: r, scope: s.root.id });
+    }
+    for (; a.length > 0; ) {
+      const r = a.shift(), w = r.sheet, y = Oe(r.text, r.origin, w);
+      i.push(y.sheet), o.push(...y.warnings);
+      for (const h of y.sheet.items) {
+        if (h.kind !== "import") continue;
+        const f = Ln(h.url) ? h.url : JSON.stringify([h.url, r.origin]);
+        if (m.has(f)) {
+          const S = m.get(f);
+          S != null && (h.resolvedSheet = S);
           continue;
         }
-        a.set(m, null);
-        const y = ((o = t == null ? void 0 : t.resolveImport) == null ? void 0 : o.call(t, b.url, h.origin)) ?? null;
-        if (y === null) {
-          i.push({
+        m.set(f, null);
+        const k = ((l = t == null ? void 0 : t.resolveImport) == null ? void 0 : l.call(t, h.url, r.origin)) ?? null;
+        if (k === null) {
+          o.push({
             kind: "import-unresolved",
-            message: (t == null ? void 0 : t.resolveImport) === void 0 ? `@import "${b.url}" was not loaded: pass resolveImport to read it` : `@import "${b.url}" could not be resolved`,
-            at: { in: "uss", sheet: g, span: b.span }
+            message: (t == null ? void 0 : t.resolveImport) === void 0 ? `@import "${h.url}" was not loaded: pass resolveImport to read it` : `@import "${h.url}" could not be resolved`,
+            at: { in: "uss", sheet: w, span: h.span },
+            subject: { kind: "import", url: h.url, from: r.origin }
           });
           continue;
         }
-        const k = l++;
-        a.set(m, k), b.resolvedSheet = k, f.push({ text: y, origin: b.url, sheet: k });
+        const v = b++;
+        m.set(f, v), h.resolvedSheet = v, a.push({ text: k, origin: h.url, sheet: v });
       }
     }
   }
-  const v = { source: e, root: s.root, sheets: r, styleRoots: u, warnings: i };
-  return lt(v, t == null ? void 0 : t.resolveImport), v;
+  const g = { source: e, root: s.root, sheets: i, styleRoots: c, warnings: o };
+  for (const m of o)
+    ((d = m.at) == null ? void 0 : d.in) === "uss" && Object.assign(m.at, Y(g, m.at.sheet));
+  return $t(g, t == null ? void 0 : t.resolveImport), g;
 }
-function Tn(e) {
+function qn(e) {
   const n = e.sheets[0];
   return {
-    uxml: mn(e.source, e.root),
+    uxml: jn(e.source, e.root),
     // Only the sheet passed to `parse` round-trips. `@import`ed sheets (Phase 3)
     // are separate files and are not this function's to write.
-    uss: n === void 0 ? "" : gn(n)
+    uss: n === void 0 ? "" : Nn(n)
   };
 }
-function On(e, n, t) {
-  const s = n.ownerDocument, i = (t == null ? void 0 : t.size) ?? {
+function Un(e) {
+  const n = /* @__PURE__ */ new Map(), t = [];
+  for (const s of e) {
+    const o = { ...s }, i = o.at === void 0 ? void 0 : JSON.stringify([o.kind, o.message, o.sourceDocument ?? null, o.at]);
+    (i === void 0 ? void 0 : n.get(i)) === void 0 && (i !== void 0 && n.set(i, o), t.push(o));
+  }
+  return t;
+}
+function Yn(e, n, t) {
+  const s = n.ownerDocument, o = (t == null ? void 0 : t.size) ?? {
     width: n.clientWidth,
     height: n.clientHeight
-  }, r = bt(e), u = r.document, c = hn(u, {
+  }, i = Lt(e), c = i.document, u = Rn(c, {
     ...(t == null ? void 0 : t.activeStates) === void 0 ? {} : { activeStates: t.activeStates },
     ...(t == null ? void 0 : t.states) === void 0 ? {} : { states: t.states }
-  }), v = (t == null ? void 0 : t.measureText) ?? jt(s), d = zt(u.root, c.styles, c.partStyles, {
-    size: i,
-    measureText: v
+  }), g = (t == null ? void 0 : t.measureText) ?? ln(s), p = Mn(c, u.matchedNodes), l = An(u.styles, u.warnings, p, t == null ? void 0 : t.resolveFont), d = on(c.root, u.styles, u.partStyles, {
+    size: o,
+    measureText: g,
+    fonts: l.fonts,
+    locate: p
   });
-  let o;
+  let m;
   try {
-    o = Yt(u.root, d.boxes, d.parts, c.styles, n, {
+    m = gn(c.root, d.boxes, d.parts, u.styles, n, {
       document: s,
-      resolveAsset: t == null ? void 0 : t.resolveAsset
+      fonts: l.fonts,
+      resolveAsset: t == null ? void 0 : t.resolveAsset,
+      locate: p
     });
-  } catch (f) {
-    throw d.dispose(), f;
+  } catch (b) {
+    throw d.dispose(), b;
   }
   let a = !1;
   return {
-    warnings: [...r.warnings, ...c.warnings, ...d.warnings, ...o.warnings],
-    elements: o.elements,
+    warnings: Un([
+      ...i.warnings,
+      ...l.warnings,
+      ...d.warnings,
+      ...m.warnings
+    ]),
+    elements: m.elements,
     boxes: d.boxes,
+    document: c,
+    styles: u.styles,
+    partStyles: u.partStyles,
     dispose() {
       a || (a = !0, d.dispose(), n.replaceChildren());
     }
   };
 }
 export {
-  $n as KNOWN_DIVERGENCES,
-  Gt as NODE_ATTRIBUTE,
-  Jt as PART_ATTRIBUTE,
-  Xt as PART_OWNER_ATTRIBUTE,
-  bn as collectDependencies,
-  jt as createDefaultMeasureText,
-  bt as expandTemplates,
-  Sn as explainProperty,
-  Dt as isInherited,
-  xn as isLayoutEngineReady,
-  kn as liveNodeCount,
-  yn as loadLayoutEngine,
-  Ie as parse,
-  On as render,
-  hn as resolveStyles,
-  Tn as serialize,
-  Tt as supportedControlNames
+  rn as EDITOR_DEFAULT_FACE_INFO,
+  Hn as KNOWN_DIVERGENCES,
+  pn as NODE_ATTRIBUTE,
+  hn as PART_ATTRIBUTE,
+  mn as PART_OWNER_ATTRIBUTE,
+  Re as TEMPLATE_DEPTH_LIMIT,
+  be as USS_STATES,
+  Vn as classifyVisibility,
+  Fn as collectDependencies,
+  ln as createDefaultMeasureText,
+  Lt as expandTemplates,
+  Bn as explainProperty,
+  Gt as isInherited,
+  Wn as isLayoutEngineReady,
+  _n as liveNodeCount,
+  Pn as loadLayoutEngine,
+  Fe as parse,
+  Yn as render,
+  Rn as resolveStyles,
+  qn as serialize,
+  kt as supportedControlNames,
+  an as textHeight
 };