gazetta 0.6.0 → 0.8.0

package/dist/validation/validators/unused-fragment.js

@@ -0,0 +1,86 @@
+import { manifestComponents } from '../types.js';
+/**
+ * A fragment defined in `fragments/` but not referenced by any page or other
+ * fragment is unused. Surfaces as `info` (not `warn`) — operators legitimately
+ * keep work-in-progress fragments around; this is a hint, not a defect.
+ *
+ * Background scope only: requires walking the entire site to know whether
+ * any item references the fragment in question. Per-item save-delta can't
+ * tell — adding the fragment is fine; removing the only ref is what makes
+ * it orphaned.
+ *
+ * One issue per orphaned fragment, surfaced on the fragment itself
+ * (`itemPath: fragments/{name}/fragment.json`).
+ */
+export const unusedFragment = {
+    source: 'gazetta',
+    name: 'unused-fragment',
+    stages: ['background', 'cli'],
+    defaultSeverity() {
+        return 'info';
+    },
+    async validate(input) {
+        const { scope, site } = input;
+        if (scope.kind !== 'background' && scope.kind !== 'cli')
+            return [];
+        // Background scope is per-item; only emit issues from the fragment itself,
+        // so the issue lands on the right tree node. CLI scope is site-wide and
+        // emits all orphans at once.
+        if (scope.kind === 'background' && scope.item.kind !== 'fragment')
+            return [];
+        const referenced = collectReferencedFragments(site);
+        if (scope.kind === 'background') {
+            const fragName = scope.item.name;
+            if (referenced.has(fragName))
+                return [];
+            return [
+                {
+                    validator: 'unused-fragment',
+                    severity: 'info',
+                    message: `Fragment "@${fragName}" is defined but no page or fragment references it.`,
+                    itemPath: scope.item.itemPath,
+                },
+            ];
+        }
+        // CLI: enumerate every orphan
+        const issues = [];
+        for (const [name, frag] of site.fragments) {
+            if (referenced.has(name))
+                continue;
+            issues.push({
+                validator: 'unused-fragment',
+                severity: 'info',
+                message: `Fragment "@${name}" is defined but no page or fragment references it.`,
+                itemPath: `${frag.dir}/fragment.json`,
+            });
+        }
+        return issues;
+    },
+};
+/**
+ * Walk every page and every fragment, collecting the set of fragment names
+ * referenced via `@name` in their components tree (recursively). The result
+ * is the "live" set; anything in `site.fragments` not in this set is orphaned.
+ */
+function collectReferencedFragments(site) {
+    const referenced = new Set();
+    for (const page of site.pages.values()) {
+        walkFragmentRefs(manifestComponents(page), referenced);
+    }
+    for (const frag of site.fragments.values()) {
+        walkFragmentRefs(manifestComponents(frag), referenced);
+    }
+    return referenced;
+}
+function walkFragmentRefs(components, out) {
+    for (const entry of components) {
+        if (typeof entry === 'string' && entry.startsWith('@')) {
+            out.add(entry.slice(1));
+            continue;
+        }
+        if (typeof entry === 'object' && entry !== null && entry.components) {
+            walkFragmentRefs(entry.components, out);
+        }
+    }
+}
+//# sourceMappingURL=unused-fragment.js.map

package/dist/validation/validators/unused-fragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unused-fragment.js","sourceRoot":"","sources":["../../../src/validation/validators/unused-fragment.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,CAAC,YAAY,EAAE,KAAK,CAAU;IAEtC,eAAe;QACb,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,KAAqB;QAClC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;QAC7B,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK;YAAE,OAAO,EAAE,CAAA;QAClE,2EAA2E;QAC3E,wEAAwE;QACxE,6BAA6B;QAC7B,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU;YAAE,OAAO,EAAE,CAAA;QAE5E,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAA;QAEnD,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;YAChC,IAAI,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,OAAO,EAAE,CAAA;YACvC,OAAO;gBACL;oBACE,SAAS,EAAE,iBAAiB;oBAC5B,QAAQ,EAAE,MAAM;oBAChB,OAAO,EAAE,cAAc,QAAQ,qDAAqD;oBACpF,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ;iBAC9B;aACF,CAAA;QACH,CAAC;QAED,8BAA8B;QAC9B,MAAM,MAAM,GAAY,EAAE,CAAA;QAC1B,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1C,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,SAAQ;YAClC,MAAM,CAAC,IAAI,CAAC;gBACV,SAAS,EAAE,iBAAiB;gBAC5B,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,cAAc,IAAI,qDAAqD;gBAChF,QAAQ,EAAE,GAAG,IAAI,CAAC,GAAG,gBAAgB;aACtC,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AAED;;;;GAIG;AACH,SAAS,0BAA0B,CAAC,IAAU;IAC5C,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAA;IACpC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;QACvC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAA;IACxD,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC;QAC3C,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAA;IACxD,CAAC;IACD,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,SAAS,gBAAgB,CAAC,UAAqC,EAAE,GAAgB;IAC/E,KAAK,MAAM,KAAK,IAAI,UAAU,EAAE,CAAC;QAC/B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACvD,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;YACvB,SAAQ;QACV,CAAC;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACpE,gBAAgB,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;QACzC,CAAC;IACH,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gazetta",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Stateless CMS for composable websites",
   "keywords": [
     "cms",
@@ -30,6 +30,14 @@
       "types": "./dist/types.d.ts",
       "import": "./dist/types.js"
     },
+    "./format": {
+      "types": "./dist/format.d.ts",
+      "import": "./dist/format.js"
+    },
+    "./save-etag": {
+      "types": "./dist/save-etag.d.ts",
+      "import": "./dist/save-etag.js"
+    },
     "./editor": {
       "types": "./dist/editor/mount.d.ts",
       "import": "./dist/editor/mount.js"
@@ -42,6 +50,22 @@
       "types": "./dist/admin-api/schemas/index.d.ts",
       "import": "./dist/admin-api/schemas/index.js"
     },
+    "./schema": {
+      "types": "./dist/schema/index.d.ts",
+      "import": "./dist/schema/index.js"
+    },
+    "./testing": {
+      "types": "./dist/testing/index.d.ts",
+      "import": "./dist/testing/index.js"
+    },
+    "./providers/azure-blob": {
+      "types": "./dist/providers/azure-blob.d.ts",
+      "import": "./dist/providers/azure-blob.js"
+    },
+    "./providers/s3": {
+      "types": "./dist/providers/s3.d.ts",
+      "import": "./dist/providers/s3.js"
+    },
     "./workers/cloudflare-r2": {
       "types": "./dist/workers/cloudflare-r2.d.ts",
       "import": "./dist/workers/cloudflare-r2.js"
@@ -63,28 +87,40 @@
     "test:mutation": "stryker run"
   },
   "dependencies": {
-    "@clack/prompts": "^1.2.0",
+    "@anthropic-ai/sdk": "^0.95.2",
+    "@clack/prompts": "^1.3.0",
     "@floating-ui/dom": "^1.7.6",
     "@hello-pangea/dnd": "^18.0.1",
-    "@hono/node-server": "^1.19.14",
-    "@rjsf/core": "^6.4.0",
-    "@rjsf/utils": "^6.4.0",
-    "@rjsf/validator-ajv8": "^6.4.0",
-    "@tiptap/extension-link": "^3.22.3",
-    "@tiptap/extension-placeholder": "^3.22.3",
-    "@tiptap/pm": "^3.22.3",
-    "@tiptap/react": "^3.22.3",
-    "@tiptap/starter-kit": "^3.22.3",
-    "hono": "^4.12.0",
-    "jiti": "^2.6.1",
-    "js-yaml": "^4.1.0",
-    "marked": "^18.0.0",
-    "postcss": "^8.5.8",
+    "@hono/node-server": "^2.0.2",
+    "@rjsf/core": "^6.5.2",
+    "@rjsf/utils": "^6.5.2",
+    "@rjsf/validator-ajv8": "^6.5.2",
+    "@tiptap/extension-link": "^3.23.1",
+    "@tiptap/extension-placeholder": "^3.23.1",
+    "@tiptap/pm": "^3.23.1",
+    "@tiptap/react": "^3.23.1",
+    "@tiptap/starter-kit": "^3.23.1",
+    "axe-core": "^4.11.4",
+    "file-type": "^22.0.1",
+    "hono": "^4.12.18",
+    "html-validate": "^11.0.0",
+    "isomorphic-dompurify": "^3.12.0",
+    "jiti": "^2.7.0",
+    "jose": "^6.2.3",
+    "jsdom": "^29.1.1",
+    "marked": "^18.0.3",
+    "music-metadata": "^11.12.3",
+    "nanoid": "^5.1.11",
+    "openai": "^6.37.0",
+    "postcss": "^8.5.14",
     "postcss-prefix-selector": "^2.1.1",
-    "zod": "^4.3.6"
+    "sharp": "^0.34.5",
+    "write-file-atomic": "^8.0.0",
+    "zod": "^4.4.3"
   },
   "peerDependencies": {
     "@aws-sdk/client-s3": ">=3",
+    "@aws-sdk/lib-storage": ">=3",
     "@azure/storage-blob": ">=12",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -93,26 +129,32 @@
     "@aws-sdk/client-s3": {
       "optional": true
     },
+    "@aws-sdk/lib-storage": {
+      "optional": true
+    },
     "@azure/storage-blob": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@aws-sdk/client-s3": "^3.1030.0",
+    "@aws-sdk/client-s3": "^3.1045.0",
+    "@aws-sdk/lib-storage": "^3.1045.0",
     "@azure/storage-blob": "^12.31.0",
-    "@cloudflare/workers-types": "^4.20260413.1",
+    "@cloudflare/workers-types": "^4.20260511.1",
     "@stryker-mutator/core": "^9.6.1",
     "@stryker-mutator/typescript-checker": "^9.6.1",
     "@stryker-mutator/vitest-runner": "^9.6.1",
-    "@types/js-yaml": "^4.0.0",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
+    "@types/jsdom": "^28.0.2",
+    "@types/node": "^25.7.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/write-file-atomic": "^4.0.3",
     "@vitejs/plugin-vue": "^6.0.6",
-    "fast-check": "^4.6.0",
+    "fast-check": "^4.8.0",
+    "msw": "^2.14.6",
     "tsx": "^4.21.0",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.8",
-    "vitest": "^4.1.0"
+    "typescript": "^6.0.3",
+    "vite": "^8.0.12",
+    "vitest": "^4.1.6"
   }
 }

package/admin-dist/assets/index-B6pVot0Y.css

@@ -1 +0,0 @@
-.blast-radius[data-v-44748290]{border-radius:var(--p-border-radius-sm);color:var(--color-muted);background:var(--color-hover-bg);border:1px solid var(--color-border);letter-spacing:-.01em;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.blast-radius .pi[data-v-44748290]{opacity:.7;font-size:.625rem}.blast-radius .unused[data-v-44748290]{opacity:.75;font-style:italic}.blast-radius.compact[data-v-44748290]{font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0 .25rem;font-size:.6875rem}.blast-radius.compact .count[data-v-44748290]{font-weight:600}.publish-item-list[data-v-ba2e46af]{flex-direction:column;gap:.625rem;width:100%;display:flex}.list-header[data-v-ba2e46af]{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.summary[data-v-ba2e46af]{font-variant-numeric:tabular-nums}.list-actions[data-v-ba2e46af]{align-items:center;gap:.375rem;display:flex}.link-btn[data-v-ba2e46af]{font:inherit;color:var(--p-primary-color);cursor:pointer;background:0 0;border:0;padding:0}.link-btn[data-v-ba2e46af]:hover{text-decoration:underline}.sep[data-v-ba2e46af]{color:var(--color-border)}.state-loading[data-v-ba2e46af],.state-error[data-v-ba2e46af],.state-empty[data-v-ba2e46af]{color:var(--color-muted);border:1px dashed var(--color-border);border-radius:var(--p-border-radius-sm);align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;display:flex}.state-error[data-v-ba2e46af]{color:var(--color-danger-fg);border-color:var(--color-danger-fg)}.items[data-v-ba2e46af]{flex-direction:column;gap:.25rem;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.item[data-v-ba2e46af]{border-radius:var(--p-border-radius-sm);grid-template-columns:1.25rem auto 1fr auto auto;align-items:center;gap:.625rem;padding:.375rem .5rem;font-size:.875rem;display:grid}.item[data-v-ba2e46af]:hover{background:var(--color-hover-bg)}.marker[data-v-ba2e46af]{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.marker-added[data-v-ba2e46af]{color:var(--color-success-fg)}.marker-modified[data-v-ba2e46af]{color:var(--color-warning-fg)}.marker-deleted[data-v-ba2e46af]{color:var(--color-danger-fg)}.marker-unchanged[data-v-ba2e46af]{color:var(--color-muted);opacity:.4}.deleted-spacer[data-v-ba2e46af]{width:1.125rem;height:1px;display:inline-block}.path[data-v-ba2e46af]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;overflow:hidden}.item-deleted .path[data-v-ba2e46af]{opacity:.6;text-decoration:line-through}.by-dest[data-v-ba2e46af]{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.dest-state[data-v-ba2e46af]{border-radius:var(--p-border-radius-xs);border:1px solid var(--color-border);color:var(--color-muted);align-items:center;gap:.25rem;padding:.0625rem .375rem;font-size:.6875rem;display:inline-flex}.dest-name[data-v-ba2e46af]{font-weight:500}.dest-label[data-v-ba2e46af]{opacity:.75}.dest-state-added[data-v-ba2e46af]{color:var(--color-success-fg);border-color:var(--color-success-fg)}.dest-state-modified[data-v-ba2e46af]{color:var(--color-warning-fg);border-color:var(--color-warning-fg)}.dest-state-deleted[data-v-ba2e46af]{color:var(--color-danger-fg);border-color:var(--color-danger-fg)}.dest-state-unchanged[data-v-ba2e46af]{opacity:.5}.publish-panel[data-v-a260edc1]{flex-direction:column;gap:1.25rem;padding-top:.5rem;display:flex}.row[data-v-a260edc1]{align-items:flex-start;gap:1rem;display:flex}.row-items[data-v-a260edc1]{flex-direction:column;align-items:stretch;gap:.5rem}.row-items .row-label[data-v-a260edc1]{padding-top:0}.row-label[data-v-a260edc1]{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;flex:0 0 5rem;padding-top:.375rem;font-size:.8125rem;font-weight:500}.row-control[data-v-a260edc1]{flex:1;min-width:0}.row-value[data-v-a260edc1]{flex:1;min-width:0;padding-top:.375rem}.row-value.muted[data-v-a260edc1]{color:var(--color-muted);font-size:.8125rem;font-style:italic}.chip[data-v-a260edc1]{border-radius:var(--p-border-radius-sm);background:var(--color-hover-bg);border:1px solid var(--color-border);align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.chip.env-production[data-v-a260edc1]{background:var(--color-env-prod-bg);color:var(--color-env-prod-fg);border-color:var(--color-env-prod-fg)}.chip.env-staging[data-v-a260edc1]{background:var(--color-env-staging-bg);color:var(--color-env-staging-fg);border-color:var(--color-env-staging-fg)}.destinations[data-v-a260edc1]{flex-direction:column;flex:1;gap:.375rem;display:flex}.destination[data-v-a260edc1]{border-radius:var(--p-border-radius-sm);border:1px solid var(--color-border);cursor:pointer;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;display:grid}.destination[data-v-a260edc1]:hover{background:var(--color-hover-bg)}.dest-name[data-v-a260edc1]{font-weight:500}.dest-badge[data-v-a260edc1]{text-transform:uppercase;letter-spacing:.05em;opacity:.65;border-radius:var(--p-border-radius-xs);border:1px solid;padding:.125rem .375rem;font-size:.6875rem}.dest-status[data-v-a260edc1]{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.destination.env-production[data-v-a260edc1]{border-left:3px solid var(--color-env-prod-fg)}.destination.env-staging[data-v-a260edc1]{border-left:3px solid var(--color-env-staging-fg)}.destination.grouped[data-v-a260edc1]{border-left:1px solid var(--color-border);margin-left:1.25rem}.destination-group-header[data-v-a260edc1]{border-radius:var(--p-border-radius-sm);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--color-border);cursor:pointer;color:inherit;text-align:left;background:0 0;align-items:center;gap:.5rem;width:100%;margin-bottom:.125rem;padding:.375rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.destination-group-header[data-v-a260edc1]:hover{opacity:.9}.destination-group-header.env-production[data-v-a260edc1]{background:var(--color-env-prod-bg);color:var(--color-env-prod-fg);border-color:var(--color-env-prod-fg)}.destination-group-header.env-staging[data-v-a260edc1]{background:var(--color-env-staging-bg);color:var(--color-env-staging-fg);border-color:var(--color-env-staging-fg)}.group-label[data-v-a260edc1]{flex:1}.group-count[data-v-a260edc1]{letter-spacing:0;text-transform:none;opacity:.75;font-size:.6875rem;font-weight:500}.publish-confirm-banner[data-v-a260edc1]{border-radius:var(--p-border-radius-md);background:var(--color-danger-bg);color:var(--color-danger-fg);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.publish-error[data-v-a260edc1]{border-radius:var(--p-border-radius-md);background:var(--color-danger-bg);color:var(--color-danger-fg);gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.publish-error-body[data-v-a260edc1]{flex-direction:column;flex:1;gap:.375rem;display:flex}.publish-error-body p[data-v-a260edc1]{margin:0}.publish-invalid-list[data-v-a260edc1]{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.publish-invalid-list li[data-v-a260edc1]{flex-direction:column;gap:.125rem;font-size:.8125rem;display:flex}.publish-invalid-name[data-v-a260edc1]{font-family:ui-monospace,monospace;font-weight:600}.publish-invalid-error[data-v-a260edc1]{opacity:.85;font-size:.75rem}.publish-progress[data-v-a260edc1]{flex-direction:column;gap:.75rem;display:flex}.progress-row[data-v-a260edc1]{flex-direction:column;gap:.25rem;display:flex}.progress-header[data-v-a260edc1]{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.progress-target[data-v-a260edc1]{font-weight:600}.progress-count[data-v-a260edc1]{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.progress-bar[data-v-a260edc1]{background:var(--color-hover-bg);border-radius:2px;height:4px;overflow:hidden}.progress-fill[data-v-a260edc1]{background:var(--p-primary-color);height:100%;transition:width .2s}.progress-label[data-v-a260edc1]{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.75rem;overflow:hidden}.publish-results[data-v-a260edc1]{flex-direction:column;gap:.5rem;display:flex}.publish-result[data-v-a260edc1]{border-radius:var(--p-border-radius-md);align-items:center;gap:.5rem;padding:.5rem;display:flex}.publish-result.success[data-v-a260edc1]{background:var(--color-success-bg);color:var(--color-success-fg)}.publish-result.error[data-v-a260edc1]{background:var(--color-danger-bg);color:var(--color-danger-fg)}.result-target[data-v-a260edc1]{font-weight:600}.result-detail[data-v-a260edc1]{opacity:.8;margin-left:auto;font-size:.875rem}.result-undo[data-v-a260edc1]{color:inherit;border-radius:var(--p-border-radius-sm);font:inherit;cursor:pointer;opacity:.85;background:0 0;border:1px solid;padding:.125rem .5rem;font-size:.75rem}.result-undo[data-v-a260edc1]:hover:not(:disabled){opacity:1}.result-undo[data-v-a260edc1]:disabled{cursor:default;opacity:.5}.state-loading[data-v-da5daf1a],.state-error[data-v-da5daf1a],.state-empty[data-v-da5daf1a]{color:var(--color-muted);border:1px dashed var(--color-border);border-radius:var(--p-border-radius-sm);align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;display:flex}.state-error[data-v-da5daf1a]{color:var(--color-danger-fg);border-color:var(--color-danger-fg)}.revisions[data-v-da5daf1a]{flex-direction:column;gap:.375rem;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.revision[data-v-da5daf1a]{border-radius:var(--p-border-radius-sm);border:1px solid var(--color-border);grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.625rem .75rem;display:grid}.op-icon[data-v-da5daf1a]{color:var(--color-muted);padding-top:.125rem;font-size:.875rem}.meta[data-v-da5daf1a]{flex-direction:column;gap:.25rem;min-width:0;display:flex}.head-row[data-v-da5daf1a]{flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8125rem;display:flex}.op-label[data-v-da5daf1a]{font-weight:600}.source[data-v-da5daf1a]{color:var(--color-muted);font-size:.75rem;font-weight:500}.head-badge[data-v-da5daf1a]{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--p-border-radius-xs);background:var(--color-info-bg);color:var(--color-info-fg);padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.time[data-v-da5daf1a]{color:var(--color-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.message[data-v-da5daf1a]{color:var(--color-muted);font-size:.8125rem;font-style:italic}.items[data-v-da5daf1a]{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;overflow:hidden}.active-target[data-v-4279054b]{border-radius:var(--p-border-radius-sm);background:var(--color-hover-bg);color:var(--color-fg);border:1px solid var(--color-border);cursor:default;align-items:center;gap:.375rem;padding:.25rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.active-target.interactive[data-v-4279054b]{cursor:pointer}.active-target.interactive[data-v-4279054b]:hover{filter:brightness(.96)}.active-target.interactive[data-v-4279054b]:focus-visible{outline:2px solid var(--p-primary-color);outline-offset:2px}.dot[data-v-4279054b]{opacity:.6;background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.name[data-v-4279054b]{letter-spacing:-.01em}.readonly-badge[data-v-4279054b]{text-transform:uppercase;letter-spacing:.05em;opacity:.65;border-left:1px solid;margin-left:.125rem;padding-left:.375rem;font-size:.6875rem}.chevron[data-v-4279054b]{opacity:.6;margin-left:.125rem;font-size:.625rem}.env-production[data-v-4279054b]{background:var(--color-env-prod-bg);color:var(--color-env-prod-fg);border-color:var(--color-env-prod-fg)}.env-staging[data-v-4279054b]{background:var(--color-env-staging-bg);color:var(--color-env-staging-fg);border-color:var(--color-env-staging-fg)}.p-menu .p-menuitem.active>.p-menuitem-content{font-weight:600}.p-menu .p-menuitem.active .p-menuitem-icon{color:var(--p-primary-color)}.sync-indicators[data-v-4674f672]{align-items:center;gap:.25rem;margin-left:.5rem;display:inline-flex}.sync-chip[data-v-4674f672]{border-radius:var(--p-border-radius-sm);color:var(--color-muted);border:1px solid var(--color-border);letter-spacing:-.01em;cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.125rem .5rem;font-family:inherit;font-size:.75rem;display:inline-flex}.sync-chip[data-v-4674f672]:hover{background:var(--color-hover-bg)}.sync-chip[data-v-4674f672]:focus-visible{outline:2px solid var(--p-primary-color);outline-offset:2px}.dot[data-v-4674f672]{opacity:.55;background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.name[data-v-4674f672]{font-weight:500}.sep[data-v-4674f672]{opacity:.4}.status[data-v-4674f672]{opacity:.85}.sync-chip.state-synced[data-v-4674f672]{color:var(--color-success-fg)}.sync-chip.state-behind[data-v-4674f672]{color:var(--color-fg);border-color:var(--color-fg);opacity:.9}.sync-chip.state-unpublished[data-v-4674f672]{color:var(--color-muted)}.sync-chip.state-error[data-v-4674f672]{color:var(--color-danger-fg)}.sync-chip.state-loading .status[data-v-4674f672]{font-style:italic}.sync-chip.env-production[data-v-4674f672]{border-color:var(--color-env-prod-fg)}.sync-chip.env-production .dot[data-v-4674f672]{color:var(--color-env-prod-fg)}.sync-chip.env-staging[data-v-4674f672]{border-color:var(--color-env-staging-fg)}.sync-chip.env-staging .dot[data-v-4674f672]{color:var(--color-env-staging-fg)}.sync-chip-group[data-v-4674f672]{font-weight:500}.sync-chip-group .pi[data-v-4674f672]{opacity:.7;margin-left:.125rem;font-size:.625rem}.sync-chip-group .group-count[data-v-4674f672]{margin-left:-.125rem;font-weight:400}.sync-chip-group.expanded[data-v-4674f672]{background:var(--color-hover-bg)}.sync-chip-member[data-v-4674f672]{padding-left:.625rem}.sync-chip-member .name[data-v-4674f672]:before{content:"↳ ";opacity:.5;font-weight:400}.locale-picker[data-v-62ef19f8]{align-items:center;gap:2px;margin-left:.5rem;display:flex}.locale-btn[data-v-62ef19f8]{border:1px solid var(--color-border);color:var(--color-muted);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:3px;padding:.125rem .375rem;font-size:.625rem;font-weight:700;transition:all .15s}.locale-btn[data-v-62ef19f8]:hover{color:var(--color-fg);border-color:var(--color-fg)}.locale-btn.active[data-v-62ef19f8]{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.locale-dropdown[data-v-62ef19f8]{position:relative}.locale-trigger[data-v-62ef19f8]{align-items:center;gap:2px;display:flex}.locale-chevron[data-v-62ef19f8]{font-size:.5rem}.locale-menu[data-v-62ef19f8]{background:var(--color-bg);border:1px solid var(--color-border);z-index:100;border-radius:4px;min-width:48px;margin-top:4px;padding:2px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.locale-dropdown:hover .locale-menu[data-v-62ef19f8],.locale-dropdown:focus-within .locale-menu[data-v-62ef19f8]{flex-direction:column;gap:1px;display:flex}.locale-menu-item[data-v-62ef19f8]{color:var(--color-muted);letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;padding:.25rem .5rem;font-size:.625rem;font-weight:700;transition:all .15s}.locale-menu-item[data-v-62ef19f8]:hover{background:var(--color-hover-bg);color:var(--color-fg)}.locale-menu-item.active[data-v-62ef19f8]{color:var(--color-primary)}.cms-toolbar[data-v-07bf38cf]{border-top:0;border-left:0;border-right:0;border-radius:0}.cms-logo[data-v-07bf38cf]{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:flex}.cms-site-name[data-v-07bf38cf]{color:var(--color-muted);margin-left:1rem;margin-right:1rem;font-size:.875rem}.cms-btn[data-v-07bf38cf]{margin-left:.5rem}.cms-toast[data-v-07bf38cf]{align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.cms-toast-error[data-v-07bf38cf]{color:var(--color-danger-fg)}.fade-enter-active[data-v-07bf38cf],.fade-leave-active[data-v-07bf38cf]{transition:opacity .2s}.fade-enter-from[data-v-07bf38cf],.fade-leave-to[data-v-07bf38cf]{opacity:0}.unsaved-message[data-v-31aaf260]{color:#374151;margin:0;font-size:.875rem;line-height:1.5}.dark{color:#e4e4e7}.unsaved-actions[data-v-31aaf260]{justify-content:flex-end;gap:.5rem;width:100%;display:flex}*{box-sizing:border-box;margin:0;padding:0}html,body,#app,.cms-app{height:100%}body{color:var(--color-fg);background:var(--color-bg);font-family:system-ui,-apple-system,sans-serif}.cms-error{color:var(--color-danger-fg);padding:2rem}.cms-loading{color:var(--color-muted);padding:2rem}.global-toast{z-index:1001;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;align-items:center;gap:8px;max-width:400px;padding:8px 20px;font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-success{color:var(--color-success-fg)}.toast-error{color:var(--color-danger-fg)}.toast-info{color:var(--color-info-fg)}.toast-link{color:inherit;text-decoration:underline}.toast-action{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin-left:4px;padding:2px 6px;font-weight:600;text-decoration:underline}.toast-action:hover{opacity:.8}.toast-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;align-items:center;margin-left:4px;padding:2px 4px;display:flex}.toast-dismiss:hover{opacity:1}.toast-dismiss .pi{font-size:11px}.toast-enter-active{transition:transform .2s ease-out,opacity .2s ease-out}.toast-leave-active{transition:transform .15s ease-in,opacity .15s ease-in}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%)translateY(-100%)}body.workspace-editable-prod:before{content:"";pointer-events:none;border:3px solid var(--color-env-prod-fg);z-index:9999;position:fixed;inset:0}.create-content[data-v-6dee5718]{flex-direction:column;gap:1rem;display:flex}.create-field[data-v-6dee5718]{flex-direction:column;gap:.375rem;display:flex}.create-field label[data-v-6dee5718]{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:.75rem}.create-input[data-v-6dee5718],.create-list[data-v-6dee5718]{width:100%}.create-hint[data-v-6dee5718]{color:#666;font-size:.75rem}.create-error[data-v-6dee5718]{color:#f87171;font-size:.875rem}.create-content[data-v-f1ae2b06]{flex-direction:column;gap:1rem;display:flex}.create-field[data-v-f1ae2b06]{flex-direction:column;gap:.375rem;display:flex}.create-field label[data-v-f1ae2b06]{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:.75rem}.create-input[data-v-f1ae2b06],.create-list[data-v-f1ae2b06]{width:100%}.create-error[data-v-f1ae2b06]{color:#f87171;font-size:.875rem}.site-tree[data-v-d0c1625f]{font-size:13px;line-height:22px}.section-label[data-v-d0c1625f]{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);padding:4px 8px;font-size:11px;font-weight:600}.section-divider[data-v-d0c1625f]{border-top:1px solid var(--color-border);margin:4px 8px}.node-item[data-v-d0c1625f]{cursor:pointer;border-radius:3px;align-items:center;gap:4px;height:22px;margin:0 2px;padding:0 6px;display:flex}.node-item[data-v-d0c1625f]:hover{background:var(--color-hover-bg)}.node-item.selected[data-v-d0c1625f]{background:#a78bfa26;box-shadow:inset 2px 0 #a78bfa}.node-icon[data-v-d0c1625f]{text-align:center;width:16px;color:var(--color-muted);opacity:.85;flex-shrink:0;font-size:10px}.node-label[data-v-d0c1625f]{white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted);flex:1;overflow:hidden}.node-item.selected .node-label[data-v-d0c1625f],.node-item:hover .node-label[data-v-d0c1625f]{color:var(--color-fg)}.node-dirty-dot[data-v-d0c1625f]{background:var(--color-warning-fg);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:2px}.node-delete[data-v-d0c1625f]{opacity:0;flex-shrink:0;transition:opacity .1s}.node-item:hover .node-delete[data-v-d0c1625f]{opacity:1}.new-btns[data-v-d0c1625f]{gap:.5rem;margin-top:8px;padding:0 6px;display:flex}.node-locales[data-v-d0c1625f]{flex-shrink:0;gap:2px;margin-left:auto;display:flex}.locale-badge[data-v-d0c1625f]{letter-spacing:.05em;color:var(--color-muted);border:1px solid var(--color-border);border-radius:2px;padding:0 3px;font-size:.5rem;font-weight:700;line-height:1.4}.add-content[data-v-a05fde9a]{flex-direction:column;gap:1rem;display:flex}.add-field[data-v-a05fde9a]{flex-direction:column;gap:.375rem;display:flex}.add-field label[data-v-a05fde9a]{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:.75rem}.add-input[data-v-a05fde9a],.add-list[data-v-a05fde9a]{width:100%}.add-error[data-v-a05fde9a]{color:#f87171;font-size:.875rem}.component-tree[data-v-09491004]{font-size:13px;line-height:22px}.empty[data-v-09491004]{color:var(--color-muted)}.node-item[data-v-09491004]{cursor:pointer;border-radius:3px;align-items:center;gap:4px;height:22px;margin:0 2px;padding:0 6px;display:flex}.node-item[data-v-09491004]:hover,.node-item.hovered[data-v-09491004]{background:var(--color-hover-bg)}.node-item.selected[data-v-09491004]{box-shadow:inset 2px 0 0 var(--p-violet-400);background:#a78bfa26}.node-root[data-v-09491004]{border-bottom:1px solid var(--color-border);border-radius:0;height:26px;margin:0 0 2px;padding:0 6px;font-weight:600;line-height:26px}.node-root.selected[data-v-09491004]{box-shadow:none;border-bottom-color:var(--p-violet-400);background:#a78bfa1a}.node-icon[data-v-09491004]{text-align:center;width:16px;color:var(--color-muted);flex-shrink:0;font-size:10px}.node-label[data-v-09491004]{white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted);flex:1;overflow:hidden}.node-item.selected .node-label[data-v-09491004],.node-item:hover .node-label[data-v-09491004],.node-item.hovered .node-label[data-v-09491004],.node-root .node-label[data-v-09491004]{color:var(--color-fg)}.node-error-icon[data-v-09491004]{color:var(--color-danger-fg)}.node-dirty-dot[data-v-09491004]{background:var(--color-warning-fg);border-radius:50%;flex-shrink:0;width:6px;height:6px}.node-revert[data-v-09491004]{opacity:0;flex-shrink:0;width:18px;height:18px;transition:opacity .1s}.node-item:hover .node-revert[data-v-09491004]{opacity:1}.node-actions[data-v-09491004]{opacity:0;flex-shrink:0;gap:0;transition:opacity .1s;display:flex}.node-item:hover .node-actions[data-v-09491004]{opacity:1}.add-btn[data-v-09491004]{margin-top:6px}.metadata-editor[data-v-17b57a38]{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.75rem}.meta-header[data-v-17b57a38]{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.meta-header h3[data-v-17b57a38]{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;margin:0;font-size:.75rem}.meta-save-btn[data-v-17b57a38]{border:1px solid var(--p-primary-color);border-radius:var(--p-border-radius-sm);background:var(--p-primary-color);color:#fff;cursor:pointer;padding:.1875rem .5rem;font-family:inherit;font-size:.6875rem}.meta-save-btn[data-v-17b57a38]:disabled{opacity:.5;cursor:not-allowed}.meta-fields[data-v-17b57a38]{flex-direction:column;gap:.625rem;display:flex}.field[data-v-17b57a38]{flex-direction:column;gap:.25rem;display:flex;position:relative}.field label[data-v-17b57a38]{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:.6875rem;font-weight:500}.field input[data-v-17b57a38],.field textarea[data-v-17b57a38]{border:1px solid var(--color-input-border);border-radius:var(--p-border-radius-sm);background:var(--color-input-bg);color:var(--color-fg);resize:vertical;padding:.375rem .5rem;font-family:inherit;font-size:.8125rem}.field input[data-v-17b57a38]::placeholder,.field textarea[data-v-17b57a38]::placeholder{color:var(--color-muted);opacity:.6;font-style:italic}.field input[data-v-17b57a38]:focus,.field textarea[data-v-17b57a38]:focus{outline:2px solid var(--p-primary-color);outline-offset:-1px}.char-count[data-v-17b57a38]{font-variant-numeric:tabular-nums;align-self:flex-end;font-size:.625rem}.char-count.ok[data-v-17b57a38]{color:var(--color-muted)}.char-count.warn[data-v-17b57a38]{color:var(--color-warning-fg)}.char-count.over[data-v-17b57a38]{color:var(--color-danger-fg);font-weight:600}.field-checkbox[data-v-17b57a38]{flex-direction:row;align-items:flex-start;gap:.375rem}.checkbox-label[data-v-17b57a38]{color:var(--color-fg);cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.checkbox-label input[type=checkbox][data-v-17b57a38]{cursor:pointer}.checkbox-hint[data-v-17b57a38]{color:var(--color-muted);margin-left:1.25rem;font-size:.6875rem}.checkbox-hint code[data-v-17b57a38]{background:var(--color-hover-bg);border-radius:2px;padding:.0625rem .25rem;font-size:.625rem}.serp-preview[data-v-17b57a38]{background:#fff;border:1px solid #dadce0;border-radius:8px;margin-top:1rem;padding:.75rem}.serp-card[data-v-17b57a38]{font-family:Arial,sans-serif}.serp-url[data-v-17b57a38]{color:#202124;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.75rem;overflow:hidden}.serp-title[data-v-17b57a38]{color:#1a0dab;cursor:pointer;margin-bottom:.25rem;font-size:1.125rem;line-height:1.3}.serp-title[data-v-17b57a38]:hover{text-decoration:underline}.serp-desc[data-v-17b57a38]{color:#4d5156;font-size:.8125rem;line-height:1.4}.serp-noindex .serp-card[data-v-17b57a38]{opacity:.4}.serp-noindex-badge[data-v-17b57a38]{color:#b91c1c;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:500;display:flex}.editor-panel h3[data-v-d4d3503b]{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;margin:0;font-size:.75rem}.editor-header[data-v-d4d3503b]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.editor-error[data-v-d4d3503b]{color:var(--color-danger-fg);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding-top:3rem;font-size:.875rem;display:flex}.editor-error .pi[data-v-d4d3503b]{font-size:2rem}.editor-error p[data-v-d4d3503b]{max-width:300px;line-height:1.5}.editor-empty[data-v-d4d3503b]{color:var(--color-muted);flex-direction:column;align-items:center;padding-top:3rem;font-size:.875rem;display:flex}.editor-fragment-link[data-v-d4d3503b]{color:var(--color-muted);flex-direction:column;align-items:center;gap:.5rem;padding-top:3rem;font-size:.875rem;display:flex}.editor-fragment-link .pi[data-v-d4d3503b]{opacity:.3;font-size:2rem}.fragment-go-link[data-v-d4d3503b]{color:var(--color-primary);cursor:pointer;font-weight:500}.fragment-go-link[data-v-d4d3503b]:hover{text-decoration:underline}.editor-container[data-v-d4d3503b]{font-size:.875rem}.editor-no-schema[data-v-d4d3503b]{color:var(--color-muted);font-size:.875rem}.preview-panel[data-v-ae9f4f7a]{flex-direction:column;height:100%;display:flex}.preview-panel.fullscreen[data-v-ae9f4f7a]{z-index:1000;background:#f8f8fa;position:fixed;inset:0}.preview-empty[data-v-ae9f4f7a]{color:#aaa;flex-direction:column;align-items:center;padding:3rem 1rem 1rem;font-size:.875rem;display:flex}.preview-toolbar[data-v-ae9f4f7a]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}.preview-devices[data-v-ae9f4f7a],.preview-actions[data-v-ae9f4f7a]{align-items:center;gap:.25rem;display:flex}.device-btn[data-v-ae9f4f7a]{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.device-btn[data-v-ae9f4f7a]:hover{color:#374151;border-color:#d1d5db}.device-btn.active[data-v-ae9f4f7a]{color:#a78bfa;border-color:#a78bfa}.host-page-select[data-v-ae9f4f7a]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.2rem .4rem;font-size:.75rem}.preview-separator[data-v-ae9f4f7a]{background:#d1d5db;width:1px;height:14px;margin-left:8px;margin-right:8px}.preview-route[data-v-ae9f4f7a]{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:6px;height:24px;padding:2px 10px;font-family:ui-monospace,monospace;font-size:12px;display:inline-flex}.preview-route .pi[data-v-ae9f4f7a]{color:#9ca3af;font-size:10px}.preview-frame-wrapper[data-v-ae9f4f7a]{background:#e5e7eb;flex:1;justify-content:center;display:flex;overflow:auto}.preview-iframe[data-v-ae9f4f7a]{background:#fff;border:0;flex:none;height:100%;transition:width .2s}.dark .preview-panel.fullscreen{background:#09090b}.dark .preview-toolbar{border-bottom-color:#27272a}.dark .device-btn{color:#71717a}.dark .device-btn:hover{color:#e4e4e7;border-color:#3f3f46}.dark .host-page-select{color:#e0e0e0;background:#1e1e2e;border-color:#3f3f46}.dark .preview-separator{background:#3f3f46}.dark .preview-route{color:#a1a1aa;background:#18181b;border-color:#27272a}.dark .preview-route .pi{color:#52525b}.dark .preview-frame-wrapper{background:#1a1a2e}.cms-editor[data-v-56c2e312]{height:calc(100% - 60px);display:flex}.cms-left[data-v-56c2e312]{border-right:1px solid #27272a;flex-shrink:0;width:250px;overflow:auto}.cms-left-wide[data-v-56c2e312]{width:55%;max-width:900px;overflow:hidden}.cms-splitter[data-v-56c2e312]{border:0;border-radius:0;height:100%}.cms-preview[data-v-56c2e312]{flex:1;min-width:0;overflow:hidden}.cms-panel[data-v-56c2e312]{overflow:auto}.cms-panel-content[data-v-56c2e312]{padding:1rem}.playground[data-v-9cdabe71]{height:calc(100% - 60px);display:flex}.playground-sidebar[data-v-9cdabe71]{border-right:1px solid #e5e7eb;flex-shrink:0;width:220px;padding:.75rem 0;overflow-y:auto}.sidebar-header[data-v-9cdabe71]{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.75rem;padding:0 1rem;font-size:.75rem;font-weight:700}.sidebar-loading[data-v-9cdabe71]{color:#9ca3af;padding:1rem;font-size:.8125rem}.sidebar-section[data-v-9cdabe71]{margin-bottom:.5rem}.section-label[data-v-9cdabe71]{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.375rem 1rem;font-size:.625rem;font-weight:600}.section-label-toggle[data-v-9cdabe71]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;display:flex}.section-label-toggle[data-v-9cdabe71]:hover{color:#6b7280}.toggle-icon[data-v-9cdabe71]{font-size:.5rem}.sidebar-item[data-v-9cdabe71]{cursor:pointer;color:#6b7280;align-items:center;gap:.5rem;padding:.3125rem 1rem;font-size:.8125rem;display:flex}.sidebar-item[data-v-9cdabe71]:hover{color:#374151;background:#80808014}.sidebar-item.active[data-v-9cdabe71]{color:#667eea;background:#667eea1a}.item-icon[data-v-9cdabe71]{text-align:center;flex-shrink:0;width:14px;font-size:.6875rem}.item-name[data-v-9cdabe71]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-empty[data-v-9cdabe71]{color:#9ca3af;padding:1.5rem 1rem;font-size:.8125rem;line-height:1.6}.sidebar-empty .hint[data-v-9cdabe71]{margin-top:.75rem}.sidebar-empty code[data-v-9cdabe71]{background:#8080801a;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.75rem}.playground-main[data-v-9cdabe71]{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-empty[data-v-9cdabe71]{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:.875rem;display:flex}.main-toolbar[data-v-9cdabe71]{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.toolbar-label[data-v-9cdabe71]{color:#6b7280;flex:1;align-items:baseline;gap:.5rem;display:flex}.toolbar-type[data-v-9cdabe71]{text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem}.toolbar-label strong[data-v-9cdabe71]{color:#374151;font-size:.875rem}.toolbar-hint[data-v-9cdabe71]{color:#9ca3af;font-size:.6875rem;font-style:italic}.toolbar-btn[data-v-9cdabe71]{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;display:flex}.toolbar-btn[data-v-9cdabe71]:hover{color:#374151;background:#80808014}.main-body[data-v-9cdabe71]{flex:1;display:flex;overflow:hidden}.main-content[data-v-9cdabe71]{flex:1;min-width:0;padding:1.5rem;overflow-y:auto}.mount-container[data-v-9cdabe71]{max-width:600px}.mount-error[data-v-9cdabe71]{color:#dc2626;background:#dc262614;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.8125rem}.value-inspector[data-v-9cdabe71]{border-left:1px solid #e5e7eb;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.inspector-header[data-v-9cdabe71]{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:.5rem .75rem;font-size:.625rem;font-weight:600}.inspector-value[data-v-9cdabe71]{color:#374151;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:.75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.7}.inspector-value .jv-key[data-v-9cdabe71]{color:#6b7280}.inspector-value .jv-str[data-v-9cdabe71]{color:#16a34a}.inspector-value .jv-num[data-v-9cdabe71]{color:#d97706}.inspector-value .jv-bool[data-v-9cdabe71]{color:#7c3aed}.inspector-value .jv-null[data-v-9cdabe71]{color:#9ca3af}.dark .playground .playground-sidebar{border-right-color:#27272a}.dark .playground .sidebar-header{color:#666}.dark .playground .section-label{color:#555}.dark .playground .section-label-toggle:hover{color:#999}.dark .playground .sidebar-item{color:#bbb}.dark .playground .sidebar-item:hover{color:#e4e4e7;background:#ffffff0d}.dark .playground .sidebar-item.active{color:#667eea;background:#667eea26}.dark .playground .main-toolbar{border-bottom-color:#27272a}.dark .playground .toolbar-label{color:#999}.dark .playground .toolbar-label strong{color:#e4e4e7}.dark .playground .toolbar-hint{color:#555}.dark .playground .toolbar-btn{color:#999;border-color:#333}.dark .playground .toolbar-btn:hover{color:#e4e4e7;background:#ffffff0d}.dark .playground .mount-error{color:#f87171;background:#f8717114}.dark .playground .value-inspector{background:#0c0c14;border-left-color:#27272a}.dark .playground .inspector-header{color:#666;border-bottom-color:#27272a}.dark .playground .inspector-value{color:#e4e4e7}.dark .playground .inspector-value .jv-key{color:#8888a0}.dark .playground .inspector-value .jv-str{color:#4ade80}.dark .playground .inspector-value .jv-num{color:#fbbf24}.dark .playground .inspector-value .jv-bool{color:#a78bfa}.dark .playground .inspector-value .jv-null{color:#52525b}:root{--color-bg:var(--p-content-background);--color-fg:var(--p-text-color);--color-muted:var(--p-text-muted-color);--color-border:var(--p-content-border-color);--color-hover-bg:var(--p-content-hover-background);--color-input-bg:var(--p-form-field-background);--color-input-border:var(--p-form-field-border-color);--color-primary:var(--p-primary-color);--color-danger-bg:var(--p-red-50);--color-danger-fg:var(--p-red-700);--color-success-bg:var(--p-green-50);--color-success-fg:var(--p-green-700);--color-warning-bg:var(--p-amber-50);--color-warning-fg:var(--p-amber-900);--color-info-bg:var(--p-blue-50);--color-info-fg:var(--p-blue-900);--color-env-prod-bg:var(--p-red-100);--color-env-prod-fg:var(--p-red-800);--color-env-staging-bg:var(--p-amber-100);--color-env-staging-fg:var(--p-amber-800);--color-change-added:var(--p-green-700);--color-change-modified:var(--p-amber-700);--color-change-deleted:var(--p-gray-500);--color-bg-code:var(--p-surface-100);--color-bg-chip:var(--p-content-hover-background)}.dark{--color-danger-bg:var(--p-red-950);--color-danger-fg:var(--p-red-300);--color-success-bg:var(--p-green-950);--color-success-fg:var(--p-green-400);--color-warning-bg:var(--p-amber-950);--color-warning-fg:var(--p-amber-300);--color-info-bg:var(--p-blue-950);--color-info-fg:var(--p-blue-300);--color-env-prod-bg:var(--p-red-950);--color-env-prod-fg:var(--p-red-300);--color-env-staging-bg:var(--p-amber-950);--color-env-staging-fg:var(--p-amber-300);--color-change-added:var(--p-green-400);--color-change-modified:var(--p-amber-400);--color-change-deleted:var(--p-gray-400);--color-bg-code:var(--p-surface-900)}