rivet-design 0.28.1 → 0.28.2

package/dist/utils/rivetPage.d.ts

@@ -0,0 +1,8 @@
+import type { RivetPage, RivetPageHead } from '../types/rivet-page-types';
+export declare const RIVET_PAGE_SHELL_DIRECTORY: string;
+export declare const RIVET_PAGE_SHELL_FILES: string[];
+export declare const renderRivetPage: (args: {
+    page: RivetPage;
+    head: RivetPageHead;
+}) => string;
+//# sourceMappingURL=rivetPage.d.ts.map

package/dist/utils/rivetPage.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderRivetPage = exports.RIVET_PAGE_SHELL_FILES = exports.RIVET_PAGE_SHELL_DIRECTORY = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const rivetPageDocument_1 = require("./rivetPageDocument");
+const uiDistPath_1 = require("./uiDistPath");
+exports.RIVET_PAGE_SHELL_DIRECTORY = path_1.default.join(uiDistPath_1.DIST_UI_PATH, 'pages');
+const SHARED_SHELL_FILE = 'rivet-page.html';
+const EMPTY_PROJECT_SHELL_FILE = 'empty-project.html';
+exports.RIVET_PAGE_SHELL_FILES = [
+    SHARED_SHELL_FILE,
+    EMPTY_PROJECT_SHELL_FILE,
+];
+const shellFileFor = (page) => page.kind === 'empty-project' ? EMPTY_PROJECT_SHELL_FILE : SHARED_SHELL_FILE;
+const renderRivetPage = (args) => (0, rivetPageDocument_1.composeRivetPage)({
+    shell: fs_1.default.readFileSync(path_1.default.join(exports.RIVET_PAGE_SHELL_DIRECTORY, shellFileFor(args.page)), 'utf8'),
+    ...args,
+});
+exports.renderRivetPage = renderRivetPage;
+//# sourceMappingURL=rivetPage.js.map

package/dist/utils/rivetPage.testHelpers.d.ts

@@ -0,0 +1,6 @@
+export declare const readRivetPageData: (html: string) => unknown;
+export declare const readRivetPageHead: (html: string) => {
+    title: string | null;
+    robots: string | null;
+};
+//# sourceMappingURL=rivetPage.testHelpers.d.ts.map

package/dist/utils/rivetPage.testHelpers.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readRivetPageHead = exports.readRivetPageData = void 0;
+const rivet_page_types_1 = require("../types/rivet-page-types");
+const PAGE_DATA_PATTERN = new RegExp(`<script id="${rivet_page_types_1.RIVET_PAGE_DATA_ELEMENT_ID}" type="application/json">([\\s\\S]*?)</script>`);
+const readRivetPageData = (html) => {
+    const data = html.match(PAGE_DATA_PATTERN)?.[1];
+    if (data === undefined)
+        throw new Error('Rivet page data is missing');
+    return JSON.parse(data);
+};
+exports.readRivetPageData = readRivetPageData;
+const readRivetPageHead = (html) => ({
+    title: html.match(/<title>([\s\S]*?)<\/title>/)?.[1] ?? null,
+    robots: html.match(/<meta name="robots" content="([^"]*)" \/>/)?.[1] ?? null,
+});
+exports.readRivetPageHead = readRivetPageHead;
+//# sourceMappingURL=rivetPage.testHelpers.js.map

package/dist/utils/rivetPageDocument.d.ts

@@ -0,0 +1,7 @@
+import { type HostedRivetPage, type RivetPage, type RivetPageHead } from '../types/rivet-page-types';
+export declare const composeRivetPage: ({ shell, page, head, }: {
+    shell: string;
+    page: RivetPage | HostedRivetPage;
+    head: RivetPageHead;
+}) => string;
+//# sourceMappingURL=rivetPageDocument.d.ts.map

package/dist/utils/rivetPageDocument.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.composeRivetPage = void 0;
+const rivet_page_types_1 = require("../types/rivet-page-types");
+const scriptJson_1 = require("./scriptJson");
+const PAGE_HEAD_MARKER = '<meta name="rivet-page-head" />';
+const renderPageDataElement = (json) => `<script id="${rivet_page_types_1.RIVET_PAGE_DATA_ELEMENT_ID}" type="application/json">${json}</script>`;
+const PAGE_DATA_PLACEHOLDER = renderPageDataElement('null');
+const escapeHtml = (value) => value
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+const renderShareCardTags = (title, { description, imageUrl }) => [
+    ['name', 'description', description],
+    ['property', 'og:type', 'website'],
+    ['property', 'og:title', title],
+    ['property', 'og:description', description],
+    ['property', 'og:image', imageUrl],
+    ['name', 'twitter:card', 'summary_large_image'],
+    ['name', 'twitter:title', title],
+    ['name', 'twitter:description', description],
+    ['name', 'twitter:image', imageUrl],
+].map(([attribute, key, content]) => `<meta ${attribute}="${key}" content="${escapeHtml(content)}" />`);
+const renderHead = ({ title, shareCard, robots }) => [
+    ...(robots ? [`<meta name="robots" content="${robots}" />`] : []),
+    `<title>${escapeHtml(title)}</title>`,
+    ...(shareCard ? renderShareCardTags(title, shareCard) : []),
+].join('\n    ');
+const composeRivetPage = ({ shell, page, head, }) => {
+    if (!shell.includes(PAGE_HEAD_MARKER) ||
+        !shell.includes(PAGE_DATA_PLACEHOLDER)) {
+        throw new Error('Rivet page shell is missing its head or data placeholder');
+    }
+    return shell
+        .replace(PAGE_HEAD_MARKER, () => renderHead(head))
+        .replace(PAGE_DATA_PLACEHOLDER, () => renderPageDataElement((0, scriptJson_1.escapeScriptJson)(page)));
+};
+exports.composeRivetPage = composeRivetPage;
+//# sourceMappingURL=rivetPageDocument.js.map

package/dist/utils/scriptJson.d.ts

@@ -0,0 +1,2 @@
+export declare const escapeScriptJson: (value: unknown) => string;
+//# sourceMappingURL=scriptJson.d.ts.map

package/dist/utils/scriptJson.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.escapeScriptJson = void 0;
+const escapeScriptJson = (value) => JSON.stringify(value)
+    .replace(/</g, '\\u003c')
+    .replace(/\u2028/g, '\\u2028')
+    .replace(/\u2029/g, '\\u2029');
+exports.escapeScriptJson = escapeScriptJson;
+//# sourceMappingURL=scriptJson.js.map

package/dist/utils/uiDistPath.d.ts

@@ -0,0 +1,2 @@
+export declare const DIST_UI_PATH: string;
+//# sourceMappingURL=uiDistPath.d.ts.map

package/dist/utils/uiDistPath.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIST_UI_PATH = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const logger_1 = require("./logger");
+const log = (0, logger_1.createLogger)('UiDistPath');
+const resolveUiPath = () => {
+    const bundledPath = path_1.default.join(__dirname, '..', 'ui/dist');
+    const devPath = path_1.default.join(__dirname, '../../src/ui/dist');
+    if (fs_1.default.existsSync(bundledPath)) {
+        log.debug(`Using bundled UI path: ${bundledPath}`);
+        return bundledPath;
+    }
+    log.debug(`Using development UI path: ${devPath}`);
+    return devPath;
+};
+exports.DIST_UI_PATH = resolveUiPath();
+//# sourceMappingURL=uiDistPath.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rivet-design",
-  "version": "0.28.1",
+  "version": "0.28.2",
   "description": "Rivet is a design agent for your coding agent. It explores dozens of design directions in parallel so you can pick the one that fits.",
   "main": "dist/index.js",
   "workspaces": [
@@ -14,7 +14,7 @@
     "preinstall": "node scripts/verify-node-version.cjs",
     "build": "npm run clean && tsc && npm run build:assets && npm run build:ui && npm run build:bin",
     "build:assets": "mkdir -p dist/services/templates/designmd && cp src/services/templates/designmd/*.md dist/services/templates/designmd/",
-    "build:ui": "cd src/ui && vite build",
+    "build:ui": "cd src/ui && vite build && vite build --config vite.pages.config.ts && vite build --config vite.pages.config.ts --mode empty-project",
     "storybook:ui": "yarn workspace @rivet/ui storybook",
     "build-storybook:ui": "yarn workspace @rivet/ui build-storybook",
     "build:bin": "mkdir -p bin && cp src/bin-template.js bin/rivet.js && chmod +x bin/rivet.js",
@@ -43,9 +43,9 @@
     "prepare": "husky",
     "docs:sync": "node scripts/sync-external-docs.js",
     "deploy:supabase:functions": "bash scripts/deploy-supabase-functions.sh",
-    "ratchet": "tsx scripts/ratchet.ts",
+    "ratchet": "node scripts/ratchet.mts",
     "check:comments": "node scripts/code-comments.mjs --changed",
-    "test:ratchet": "node --import tsx --test scripts/ratchet/*.test.ts scripts/code-comments.test.mjs && python3 scripts/python-comments.test.py",
+    "test:ratchet": "node --import tsx --test --test-concurrency=4 scripts/ratchet/*.test.ts scripts/semantic-colors.test.ts scripts/code-comments.test.mjs && python3 scripts/python-comments.test.py",
     "bench": "node --import tsx benchmarks/bench.ts",
     "bench:run": "node --import tsx benchmarks/runner.ts",
     "bench:compare": "node --import tsx benchmarks/compare.ts",
@@ -99,6 +99,7 @@
     "@csstools/css-tokenizer": "^3.0.4",
     "@eslint/js": "^9.36.0",
     "@playwright/test": "^1.58.2",
+    "@tailwindcss/node": "4.3.3",
     "@types/cors": "^2.8.19",
     "@types/express": "^5.0.3",
     "@types/express-serve-static-core": "^5.0.0",
@@ -114,6 +115,7 @@
     "@types/ws": "^8.18.1",
     "@typescript-eslint/eslint-plugin": "^8.44.0",
     "@typescript-eslint/parser": "^8.44.0",
+    "@typescript-eslint/typescript-estree": "^8.44.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.16",
     "dockerfile-ast": "^0.7.1",
@@ -137,6 +139,7 @@
     "react-dom": "^18.2.0",
     "supabase": "^2.47.2",
     "supertest": "^7.1.4",
+    "tailwind-merge": "^3.6.0",
     "tailwindcss": "^3.4.0",
     "ts-jest": "^29.4.4",
     "ts-node": "^10.9.2",
@@ -202,5 +205,5 @@
   "rivetPlugin": {
     "toolContract": "intent-v2"
   },
-  "gitHead": "b2fbc13c45997a1b003d0e124016e384f648e0e7"
+  "gitHead": "8a2d16d2418525b49e4aa448f5b82f869f7d7065"
 }

package/src/ui/dist/assets/LibraryEntry-B8-RtQpK.js

@@ -0,0 +1,2 @@
+var Fe=t=>{throw TypeError(t)};var je=(t,r,a)=>r.has(t)||Fe("Cannot "+a);var E=(t,r,a)=>(je(t,r,"read from private field"),a?a.call(t):r.get(t)),B=(t,r,a)=>r.has(t)?Fe("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,a),Z=(t,r,a,i)=>(je(t,r,"write to private field"),i?i.call(t,a):r.set(t,a),a),W=(t,r,a)=>(je(t,r,"access private method"),a);import{S as St,n as Se,s as Nt,r as Et,Q as Ye,u as He,a as Lt,b as At,c as s,e as Rt,d as It,f as kt,g as Ht,h as De,i as _t,j as Mt,p as be,k as le,l as e,B as _,m as Ne,M as Ct,o as Pt,q as Vt,t as Zt,v as we,w as Tt,x as Je,D as Xe,y as et,z as tt,A as rt,P as Ot,C as st,E as $e,F as Ft,G as Dt,H as $t,I as qe,J as qt,K as ee,L as xe,N as T,R as zt,O as at,T as Ut,U as se,V as Kt,W as Qt,X as oe,Y as Bt,Z as ae,_ as q,$ as nt,a0 as ge,a1 as Wt,a2 as Gt,a3 as $,a4 as it,a5 as Yt,a6 as ce,a7 as Jt,a8 as Ee,a9 as Xt,aa as ze,ab as er,ac as tr,ad as rr,ae as sr,af as ar,ag as nr,ah as ir,ai as or,aj as lr,ak as cr,al as dr,am as ur,an as mr,ao as hr,ap as pr,aq as fr,ar as ot,as as xr,at as br,au as gr,av as vr,aw as yr,ax as jr,ay as wr,az as Sr,aA as Nr}from"./main-BGCGsyhl.js";function Ue(t,r){const a=new Set(r);return t.filter(i=>!a.has(i))}var ne,D,ie,te,Q,re,de,ue,me,he,M,Le,Ae,lt,Re,Ie,ke,Ge,Er=(Ge=class extends St{constructor(r,a,i){super();B(this,M);B(this,ne);B(this,D);B(this,ie);B(this,te);B(this,Q);B(this,re);B(this,de);B(this,ue);B(this,me);B(this,he,[]);Z(this,ne,r),Z(this,te,i),Z(this,ie,[]),Z(this,Q,[]),Z(this,D,[]),this.setQueries(a)}onSubscribe(){this.listeners.size===1&&E(this,Q).forEach(r=>{r.subscribe(a=>{W(this,M,Ie).call(this,r,a)})})}onUnsubscribe(){this.listeners.size||this.destroy()}destroy(){this.listeners=new Set,E(this,Q).forEach(r=>{r.destroy()})}setQueries(r,a){Z(this,ie,r),Z(this,te,a),Se.batch(()=>{const i=E(this,Q),o=W(this,M,Re).call(this,E(this,ie));o.forEach(m=>m.observer.setOptions(m.defaultedQueryOptions));const l=o.map(m=>m.observer),n=l.map(m=>m.getCurrentResult()),d=i.length!==l.length,p=l.some((m,y)=>m!==i[y]),g=d||p,v=g?!0:n.some((m,y)=>{const j=E(this,D)[y];return!j||!Nt(m,j)});!g&&!v||(g&&(Z(this,he,o),Z(this,Q,l)),Z(this,D,n),this.hasListeners()&&(g&&(Ue(i,l).forEach(m=>{m.destroy()}),Ue(l,i).forEach(m=>{m.subscribe(y=>{W(this,M,Ie).call(this,m,y)})})),W(this,M,ke).call(this)))})}getCurrentResult(){return E(this,D)}getQueries(){return E(this,Q).map(r=>r.getCurrentQuery())}getObservers(){return E(this,Q)}getOptimisticResult(r,a){const i=W(this,M,Re).call(this,r),o=i.map(n=>n.observer.getOptimisticResult(n.defaultedQueryOptions)),l=i.map(n=>n.defaultedQueryOptions.queryHash);return[o,n=>W(this,M,Ae).call(this,n??o,a,l),()=>W(this,M,Le).call(this,o,i)]}},ne=new WeakMap,D=new WeakMap,ie=new WeakMap,te=new WeakMap,Q=new WeakMap,re=new WeakMap,de=new WeakMap,ue=new WeakMap,me=new WeakMap,he=new WeakMap,M=new WeakSet,Le=function(r,a){const i=new Set;return a.map((o,l)=>{const n=r[l];return o.defaultedQueryOptions.notifyOnChangeProps?n:o.observer.trackResult(n,d=>{i.has(d)||(i.add(d),a.forEach(p=>{p.observer.trackProp(d)}))})})},Ae=function(r,a,i){if(a){const o=E(this,me),l=i!==void 0&&o!==void 0&&(o.length!==i.length||i.some((n,d)=>n!==o[d]));return(E(this,D)!==E(this,ue)||l||a!==E(this,de))&&(Z(this,de,a),Z(this,ue,E(this,D)),i!==void 0&&Z(this,me,i),Z(this,re,Et(E(this,re),a(r)))),E(this,re)}return r},lt=function(){var r;return!((r=E(this,te))!=null&&r.combine)||E(this,Q).some((a,i)=>{var o;return a.options.suspense&&((o=E(this,D)[i])==null?void 0:o.data)===void 0})},Re=function(r){const a=new Map;E(this,Q).forEach(o=>{const l=o.options.queryHash;if(!l)return;const n=a.get(l);n?n.push(o):a.set(l,[o])});const i=[];return r.forEach(o=>{var d;const l=E(this,ne).defaultQueryOptions(o),n=((d=a.get(l.queryHash))==null?void 0:d.shift())??new Ye(E(this,ne),l);i.push({defaultedQueryOptions:l,observer:n})}),i},Ie=function(r,a){const i=E(this,Q).indexOf(r);i!==-1&&(Z(this,D,E(this,D).slice()),E(this,D)[i]=a,W(this,M,ke).call(this))},ke=function(){var r;if(this.hasListeners()){const a=W(this,M,lt).call(this),i=E(this,re),o=a?i:W(this,M,Ae).call(this,W(this,M,Le).call(this,E(this,D),E(this,he)),(r=E(this,te))==null?void 0:r.combine);(a||i!==o)&&Se.batch(()=>{this.listeners.forEach(l=>{l(E(this,D))})})}},Ge);function Lr({queries:t,...r},a){const i=He(),o=Lt(),l=At(),n=r.subscribed!==!1,d=s.useMemo(()=>t.map(N=>{const f=i.defaultQueryOptions(N);return f._optimisticResults=o?"isRestoring":n?"optimistic":void 0,f}),[t,i,o,n]);d.forEach(N=>{Rt(N);const f=i.getQueryCache().get(N.queryHash);It(N,l,f)}),kt(l);const[p]=s.useState(()=>new Er(i,d,r)),[g,v,m]=p.getOptimisticResult(d,r.combine);s.useEffect(()=>{p.setQueries(d,r)},[d,r,p]);const y=!o&&n;s.useSyncExternalStore(s.useCallback(N=>y?p.subscribe(Se.batchCalls(N)):Ht,[p,y]),()=>p.getCurrentResult(),()=>p.getCurrentResult());const j=g.some((N,f)=>De(d[f],N))?g.flatMap((N,f)=>{const w=d[f];if(w&&De(w,N)){const P=new Ye(i,w);return _t(w,P,l)}return[]}):[];if(j.length>0)throw Promise.all(j);const L=g.find((N,f)=>{const w=d[f];return w&&Mt({result:N,errorResetBoundary:l,throwOnError:w.throwOnError,query:i.getQueryCache().get(w.queryHash),suspense:w.suspense})});if(L)throw L.error;return v(m())}const Ar=new Map([["bold",s.createElement(s.Fragment,null,s.createElement("path",{d:"M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"}))],["duotone",s.createElement(s.Fragment,null,s.createElement("path",{d:"M112,56V200L40,128Z",opacity:"0.2"}),s.createElement("path",{d:"M216,120H120V56a8,8,0,0,0-13.66-5.66l-72,72a8,8,0,0,0,0,11.32l72,72A8,8,0,0,0,120,200V136h96a8,8,0,0,0,0-16ZM104,180.69,51.31,128,104,75.31Z"}))],["fill",s.createElement(s.Fragment,null,s.createElement("path",{d:"M224,128a8,8,0,0,1-8,8H120v64a8,8,0,0,1-13.66,5.66l-72-72a8,8,0,0,1,0-11.32l72-72A8,8,0,0,1,120,56v64h96A8,8,0,0,1,224,128Z"}))],["light",s.createElement(s.Fragment,null,s.createElement("path",{d:"M222,128a6,6,0,0,1-6,6H54.49l61.75,61.76a6,6,0,1,1-8.48,8.48l-72-72a6,6,0,0,1,0-8.48l72-72a6,6,0,0,1,8.48,8.48L54.49,122H216A6,6,0,0,1,222,128Z"}))],["regular",s.createElement(s.Fragment,null,s.createElement("path",{d:"M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"}))],["thin",s.createElement(s.Fragment,null,s.createElement("path",{d:"M220,128a4,4,0,0,1-4,4H49.66l65.17,65.17a4,4,0,0,1-5.66,5.66l-72-72a4,4,0,0,1,0-5.66l72-72a4,4,0,0,1,5.66,5.66L49.66,124H216A4,4,0,0,1,220,128Z"}))]]),Rr=new Map([["bold",s.createElement(s.Fragment,null,s.createElement("path",{d:"M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z"}))],["duotone",s.createElement(s.Fragment,null,s.createElement("path",{d:"M192,64V168L88,64Z",opacity:"0.2"}),s.createElement("path",{d:"M192,56H88a8,8,0,0,0-5.66,13.66L128.69,116,58.34,186.34a8,8,0,0,0,11.32,11.32L140,127.31l46.34,46.35A8,8,0,0,0,200,168V64A8,8,0,0,0,192,56Zm-8,92.69-38.34-38.34h0L107.31,72H184Z"}))],["fill",s.createElement(s.Fragment,null,s.createElement("path",{d:"M200,64V168a8,8,0,0,1-13.66,5.66L140,127.31,69.66,197.66a8,8,0,0,1-11.32-11.32L128.69,116,82.34,69.66A8,8,0,0,1,88,56H192A8,8,0,0,1,200,64Z"}))],["light",s.createElement(s.Fragment,null,s.createElement("path",{d:"M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"}))],["regular",s.createElement(s.Fragment,null,s.createElement("path",{d:"M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"}))],["thin",s.createElement(s.Fragment,null,s.createElement("path",{d:"M196,64V168a4,4,0,0,1-8,0V73.66L66.83,194.83a4,4,0,0,1-5.66-5.66L182.34,68H88a4,4,0,0,1,0-8H192A4,4,0,0,1,196,64Z"}))]]),Ir=new Map([["bold",s.createElement(s.Fragment,null,s.createElement("path",{d:"M231,112a12,12,0,0,0-10.81-1.65l-23.81,7.93a12,12,0,0,0-7.34,6.93l-13.67,34.18-34.18,13.67a12,12,0,0,0-6.93,7.34l-7.93,23.81A12,12,0,0,0,137.73,220H216a20,20,0,0,0,20-20V121.73A12,12,0,0,0,231,112Zm-19,84H154.38l.91-2.73,33.79-13.51a12,12,0,0,0,6.68-6.68l13.51-33.79,2.73-.91Zm4-160H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H95.57A12,12,0,0,0,107,211.79L123.21,163l35.09-14A12,12,0,0,0,165,142.3l14-35.09L227.79,91A12,12,0,0,0,236,79.57V56A20,20,0,0,0,216,36ZM102.2,150.16,86.92,196H44V173.66l48-48,17.14,17.14h0A12,12,0,0,0,102.2,150.16ZM212,70.92,166.16,86.2a12,12,0,0,0-7.35,6.93l-14.2,35.48-11.22,4.49-27.25-27.24a20,20,0,0,0-28.28,0L44,139.72V60H212Z"}))],["duotone",s.createElement(s.Fragment,null,s.createElement("path",{d:"M224,56V88l-48,16-16,40-23.35,9.34-39-39a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z",opacity:"0.2"}),s.createElement("path",{d:"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16h64a8,8,0,0,0,7.59-5.47l14.83-44.48L163,151.43a8.07,8.07,0,0,0,4.46-4.46l14.62-36.55,44.48-14.83A8,8,0,0,0,232,88V56A16,16,0,0,0,216,40ZM112.41,157.47,98.23,200H40V172l52-52,30.42,30.42L117,152.57A8,8,0,0,0,112.41,157.47ZM216,82.23,173.47,96.41a8,8,0,0,0-4.9,4.62l-14.72,36.82L138.58,144l-35.27-35.27a16,16,0,0,0-22.62,0L40,149.37V56H216Zm12.68,33a8,8,0,0,0-7.21-1.1l-23.8,7.94a8,8,0,0,0-4.9,4.61l-14.31,35.77-35.77,14.31a8,8,0,0,0-4.61,4.9l-7.94,23.8A8,8,0,0,0,137.73,216H216a16,16,0,0,0,16-16V121.73A8,8,0,0,0,228.68,115.24ZM216,200H148.83l3.25-9.75,35.51-14.2a8.07,8.07,0,0,0,4.46-4.46l14.2-35.51,9.75-3.25Z"}))],["fill",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16h64a8,8,0,0,0,7.59-5.47l14.83-44.48L163,151.43a8.07,8.07,0,0,0,4.46-4.46l14.62-36.55,44.48-14.83A8,8,0,0,0,232,88V56A16,16,0,0,0,216,40ZM117,152.57a8,8,0,0,0-4.62,4.9L98.23,200H40V160.69l46.34-46.35a8,8,0,0,1,11.32,0l32.84,32.84Zm115-30.84V200a16,16,0,0,1-16,16H137.73a8,8,0,0,1-7.59-10.53l7.94-23.8a8,8,0,0,1,4.61-4.9l35.77-14.31,14.31-35.77a8,8,0,0,1,4.9-4.61l23.8-7.94A8,8,0,0,1,232,121.73Z"}))],["light",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14h64a6,6,0,0,0,5.69-4.1l15.12-45.36,37.42-15a6,6,0,0,0,3.34-3.34l15-37.42L225.9,93.69A6,6,0,0,0,230,88V56A14,14,0,0,0,216,42ZM117.77,154.43a6,6,0,0,0-3.46,3.67L99.68,202H40a2,2,0,0,1-2-2V171.17l52.58-52.58a2,2,0,0,1,2.83,0L126,151.15ZM218,83.68,174.1,98.31a6,6,0,0,0-3.67,3.46l-15.05,37.61L138.1,146.3l-36.2-36.2a14,14,0,0,0-19.8,0L38,154.2V56a2,2,0,0,1,2-2H216a2,2,0,0,1,2,2Zm9.51,33.18a6,6,0,0,0-5.41-.82L198.3,124a6,6,0,0,0-3.67,3.47L180,164l-36.56,14.63A6,6,0,0,0,140,182.3L132,206.1a6,6,0,0,0,5.69,7.9H216a14,14,0,0,0,14-14V121.73A6,6,0,0,0,227.51,116.86ZM218,200a2,2,0,0,1-2,2H146.06l4.42-13.26,36.37-14.55a6,6,0,0,0,3.34-3.34l14.55-36.37L218,130.06Z"}))],["regular",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16h64a8,8,0,0,0,7.59-5.47l14.83-44.48L163,151.43a8.07,8.07,0,0,0,4.46-4.46l14.62-36.55,44.48-14.83A8,8,0,0,0,232,88V56A16,16,0,0,0,216,40ZM112.41,157.47,98.23,200H40V172l52-52,30.42,30.42L117,152.57A8,8,0,0,0,112.41,157.47ZM216,82.23,173.47,96.41a8,8,0,0,0-4.9,4.62l-14.72,36.82L138.58,144l-35.27-35.27a16,16,0,0,0-22.62,0L40,149.37V56H216Zm12.68,33a8,8,0,0,0-7.21-1.1l-23.8,7.94a8,8,0,0,0-4.9,4.61l-14.31,35.77-35.77,14.31a8,8,0,0,0-4.61,4.9l-7.94,23.8A8,8,0,0,0,137.73,216H216a16,16,0,0,0,16-16V121.73A8,8,0,0,0,228.68,115.24ZM216,200H148.83l3.25-9.75,35.51-14.2a8.07,8.07,0,0,0,4.46-4.46l14.2-35.51,9.75-3.25Z"}))],["thin",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,44H40A12,12,0,0,0,28,56V200a12,12,0,0,0,12,12h64a4,4,0,0,0,3.79-2.74L123.21,163l38.28-15.31a4,4,0,0,0,2.22-2.22L179,107.21l46.24-15.42A4,4,0,0,0,228,88V56A12,12,0,0,0,216,44ZM118.51,156.29a4,4,0,0,0-2.3,2.45L101.12,204H40a4,4,0,0,1-4-4V170.34l53.17-53.17a4,4,0,0,1,5.66,0l34.71,34.71ZM220,85.12l-45.26,15.09a4,4,0,0,0-2.45,2.3l-15.37,38.41-19.3,7.73-37.13-37.14a12,12,0,0,0-17,0L36,159V56a4,4,0,0,1,4-4H216a4,4,0,0,1,4,4Zm6.34,33.37a4,4,0,0,0-3.6-.55l-23.81,7.93a4,4,0,0,0-2.44,2.31l-15,37.36-37.36,15a4,4,0,0,0-2.31,2.44l-7.93,23.81a4,4,0,0,0,.55,3.6,4,4,0,0,0,3.24,1.66H216a12,12,0,0,0,12-12V121.73A4,4,0,0,0,226.34,118.49ZM220,200a4,4,0,0,1-4,4H143.28l5.59-16.78,37.23-14.89a4,4,0,0,0,2.23-2.23l14.89-37.23L220,127.28Z"}))]]),kr=new Map([["bold",s.createElement(s.Fragment,null,s.createElement("path",{d:"M160,88a16,16,0,1,1,16,16A16,16,0,0,1,160,88Zm76-32V160a20,20,0,0,1-20,20H204v20a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V88A20,20,0,0,1,40,68H60V56A20,20,0,0,1,80,36H216A20,20,0,0,1,236,56ZM180,180H80a20,20,0,0,1-20-20V92H44V196H180Zm-21.66-24L124,121.66,89.66,156ZM212,60H84v67.72l25.86-25.86a20,20,0,0,1,28.28,0L192.28,156H212Z"}))],["duotone",s.createElement(s.Fragment,null,s.createElement("path",{d:"M224,56v82.06l-23.72-23.72a8,8,0,0,0-11.31,0L163.31,140,113.66,90.34a8,8,0,0,0-11.32,0L64,128.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z",opacity:"0.2"}),s.createElement("path",{d:"M216,40H72A16,16,0,0,0,56,56V72H40A16,16,0,0,0,24,88V200a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V184h16a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM72,56H216v62.75l-10.07-10.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L72,109.37ZM184,200H40V88H56v80a16,16,0,0,0,16,16H184Zm32-32H72V132l36-36,49.66,49.66a8,8,0,0,0,11.31,0L194.63,120,216,141.38V168ZM160,84a12,12,0,1,1,12,12A12,12,0,0,1,160,84Z"}))],["fill",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,40H72A16,16,0,0,0,56,56V72H40A16,16,0,0,0,24,88V200a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V184h16a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM172,72a12,12,0,1,1-12,12A12,12,0,0,1,172,72Zm12,128H40V88H56v80a16,16,0,0,0,16,16H184Zm32-32H72V120.69l30.34-30.35a8,8,0,0,1,11.32,0L163.31,140,189,114.34a8,8,0,0,1,11.31,0L216,130.07V168Z"}))],["light",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,42H72A14,14,0,0,0,58,56V74H40A14,14,0,0,0,26,88V200a14,14,0,0,0,14,14H184a14,14,0,0,0,14-14V182h18a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM70,56a2,2,0,0,1,2-2H216a2,2,0,0,1,2,2v67.57L204.53,110.1a14,14,0,0,0-19.8,0l-21.42,21.41L117.9,86.1a14,14,0,0,0-19.8,0L70,114.2ZM186,200a2,2,0,0,1-2,2H40a2,2,0,0,1-2-2V88a2,2,0,0,1,2-2H58v82a14,14,0,0,0,14,14H186Zm30-30H72a2,2,0,0,1-2-2V131.17l36.58-36.58a2,2,0,0,1,2.83,0l49.66,49.66a6,6,0,0,0,8.49,0l25.65-25.66a2,2,0,0,1,2.83,0l22,22V168A2,2,0,0,1,216,170ZM162,84a10,10,0,1,1,10,10A10,10,0,0,1,162,84Z"}))],["regular",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,40H72A16,16,0,0,0,56,56V72H40A16,16,0,0,0,24,88V200a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V184h16a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM72,56H216v62.75l-10.07-10.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L72,109.37ZM184,200H40V88H56v80a16,16,0,0,0,16,16H184Zm32-32H72V132l36-36,49.66,49.66a8,8,0,0,0,11.31,0L194.63,120,216,141.38V168ZM160,84a12,12,0,1,1,12,12A12,12,0,0,1,160,84Z"}))],["thin",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,44H72A12,12,0,0,0,60,56V76H40A12,12,0,0,0,28,88V200a12,12,0,0,0,12,12H184a12,12,0,0,0,12-12V180h20a12,12,0,0,0,12-12V56A12,12,0,0,0,216,44ZM68,56a4,4,0,0,1,4-4H216a4,4,0,0,1,4,4v72.4l-16.89-16.89a12,12,0,0,0-17,0l-22.83,22.83L116.49,87.51a12,12,0,0,0-17,0L68,119ZM188,200a4,4,0,0,1-4,4H40a4,4,0,0,1-4-4V88a4,4,0,0,1,4-4H60v84a12,12,0,0,0,12,12H188Zm28-28H72a4,4,0,0,1-4-4V130.34l37.17-37.17a4,4,0,0,1,5.66,0l49.66,49.66a4,4,0,0,0,5.65,0l25.66-25.66a4,4,0,0,1,5.66,0L220,139.71V168A4,4,0,0,1,216,172ZM164,84a8,8,0,1,1,8,8A8,8,0,0,1,164,84Z"}))]]),ct=s.forwardRef((t,r)=>s.createElement(be,{ref:r,...t,weights:Ar}));ct.displayName="ArrowLeftIcon";const Hr=ct,dt=s.forwardRef((t,r)=>s.createElement(be,{ref:r,...t,weights:Rr}));dt.displayName="ArrowUpRightIcon";const ut=dt,mt=s.forwardRef((t,r)=>s.createElement(be,{ref:r,...t,weights:Ir}));mt.displayName="ImageBrokenIcon";const _r=mt,ht=s.forwardRef((t,r)=>s.createElement(be,{ref:r,...t,weights:kr}));ht.displayName="ImagesIcon";const Mr=ht,Cr=({project:t,onRename:r,onRemove:a,onSetPinned:i})=>{const o=le(),l=s.useRef(null),n=s.useRef(null),d=s.useRef(null),[p,g]=s.useState(!1),[v,m]=s.useState(!1),y=!!t.pinnedAt,[j,L]=s.useState(null),[N,f]=s.useState(t.name),[w,P]=s.useState(!1),[h,C]=s.useState(null);let A=j==="rename"?"Save name":"Remove from projects";w&&(A="Saving…"),s.useEffect(()=>{var b;if(v||!d.current)return;const S=d.current==="button"?n:l;d.current=null,(b=S.current)==null||b.focus()},[v]);const H=S=>{g(S),o==null||o.capture(S?"library_project_menu_opened":"library_project_menu_closed")},O=async S=>{if(!v){d.current=S,m(!0),o==null||o.capture("library_project_pin_clicked",{is_pinning:!y,method:S});try{await i(t.id,!y)}catch(b){st.error($e(b,"Could not save pin. Try again."))}finally{m(!1)}}},F=S=>{f(t.name),C(null),L(S),o==null||o.capture("library_project_action_opened",{action:S})},I=S=>{o==null||o.capture("library_project_action_closed",{action:j,outcome:S}),L(null)},z=async()=>{if(!(w||!j||j==="rename"&&!N.trim())){P(!0),C(null);try{j==="rename"?await r(t.id,N.trim()):await a(t.id),I("completed")}catch(S){C($e(S,"Could not save changes. Try again."))}finally{P(!1)}}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`flex items-center gap-0.5 group-hover/project:pointer-events-auto group-hover/project:opacity-100 has-[:focus-visible]:pointer-events-auto has-[:focus-visible]:opacity-100 [@media(hover:none)]:pointer-events-auto [@media(hover:none)]:opacity-100 ${p?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"}`,children:[e.jsx(_,{ref:n,type:"button",variant:"ghost",size:"icon-compact",title:y?"Unpin project":"Pin project","aria-label":`${y?"Unpin":"Pin"} ${t.name}`,"aria-pressed":y,disabled:v,onClick:()=>{O("button")},children:e.jsx(Ne,{weight:y?"fill":"bold",size:16,"aria-hidden":!0})}),e.jsxs(Ct,{isOpen:p,onOpenChange:H,children:[e.jsx(Pt,{asChild:!0,children:e.jsx(_,{ref:l,type:"button",variant:"ghost",size:"icon-compact","aria-label":`Actions for ${t.name}`,children:e.jsx(Vt,{size:16,weight:"bold","aria-hidden":!0})})}),e.jsxs(Zt,{"data-rivet-private":!0,"aria-label":"Project actions",align:"start",onCloseAutoFocus:S=>{j&&S.preventDefault()},className:"ph-no-capture min-w-44",children:[e.jsxs(we,{disabled:v,onSelect:()=>void O("menu"),children:[e.jsx(Ne,{size:14,weight:y?"fill":"bold","aria-hidden":!0}),y?"Unpin":"Pin"]}),e.jsxs(we,{onSelect:()=>F("rename"),children:[e.jsx(Tt,{size:14,weight:"bold","aria-hidden":!0}),"Rename"]}),e.jsxs(we,{onSelect:()=>F("remove"),children:[e.jsx(Je,{size:14,weight:"bold","aria-hidden":!0}),"Remove from projects"]})]})]})]}),e.jsx(Xe,{open:j!==null,onOpenChange:S=>{!S&&!w&&I("cancelled")},children:e.jsxs(et,{surface:"library","data-rivet-private":!0,onCloseAutoFocus:S=>{var b;S.preventDefault(),(b=l.current)==null||b.focus()},className:"ph-no-capture w-[calc(100%-2rem)] max-w-sm",children:[e.jsx(tt,{className:"text-base font-medium break-words",children:j==="rename"?"Rename project":`Remove “${t.name}” from projects?`}),e.jsx(rt,{className:"mt-2 text-sm leading-6 text-white/60",children:j==="rename"?"Choose a display name for this project. Its folder name will stay the same.":"Your folders and saved variants will remain on this computer. Open the project again to restore it."}),e.jsxs("form",{onSubmit:S=>{S.preventDefault(),z()},children:[j==="rename"?e.jsxs("label",{className:"mt-5 block text-xs text-white/70",children:["Project name",e.jsx("input",{autoFocus:!0,value:N,onChange:S=>f(S.target.value),maxLength:Ot,disabled:w,className:"focus:border-soft-foreground mt-2 w-full rounded-lg border border-white/15 bg-white/5 px-3 py-2 text-sm text-white outline-hidden transition-colors"})]}):null,h?e.jsx("p",{role:"alert",className:"text-accent-error mt-4 text-xs",children:h}):null,e.jsxs("div",{className:"mt-6 flex justify-end gap-2",children:[e.jsx(_,{type:"button",variant:"ghost",disabled:w,onClick:()=>I("cancelled"),children:"Cancel"}),e.jsx(_,{type:"submit",variant:"secondary",disabled:w||j==="rename"&&!N.trim(),children:A})]})]})]})})]})},pt=6e4,ft=60*pt,ve=24*ft,Pr=7*ve,Vr=30*ve,Zr=365*ve,Tr=[["year",Zr],["month",Vr],["week",Pr],["day",ve],["hour",ft],["minute",pt]],Or=new Intl.RelativeTimeFormat("en",{numeric:"always"}),Fr=t=>{const r=new Map;for(const a of t??[]){const i=Date.parse(a.createdAt);if(!Number.isFinite(i))continue;const o=r.get(a.projectId);(o===void 0||i>o)&&r.set(a.projectId,i)}return r},Dr=({projects:t,latestEdits:r})=>[...t].sort((a,i)=>{if(a.pinnedAt&&!i.pinnedAt)return-1;if(i.pinnedAt&&!a.pinnedAt)return 1;if(a.pinnedAt&&i.pinnedAt)return a.pinnedAt.localeCompare(i.pinnedAt)||a.id.localeCompare(i.id);const o=r.get(a.id),l=r.get(i.id);return o===void 0&&l!==void 0?1:l===void 0&&o!==void 0?-1:(l??0)-(o??0)||a.name.localeCompare(i.name)||a.id.localeCompare(i.id)}),$r=({editedAt:t,now:r})=>{const a=Math.max(0,r-t);for(const[i,o]of Tr)if(a>=o)return`Edited ${Or.format(-Math.floor(a/o),i)}`;return"Edited just now"},xt=s.createContext(null),qr=({navigation:t,onBrowseProjects:r,controls:a,isHeaderVisible:i=!0,children:o})=>{const[l,n]=s.useState(null);return e.jsxs(xt.Provider,{value:l,children:[i?e.jsxs("div",{className:"grid shrink-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-4 px-10 py-5 max-sm:px-5 sm:grid-cols-[auto_minmax(0,1fr)_auto]",children:[e.jsx("button",{onClick:r,"aria-label":"Projects",className:"hover:bg-hover focus-visible:border-muted-foreground focus-visible:bg-active -m-1 flex items-center rounded-lg border border-transparent p-[3px] transition-colors outline-hidden",children:e.jsx("img",{src:Ft,alt:"","aria-hidden":!0,draggable:!1,className:"h-8 w-8"})}),e.jsx("div",{ref:n,className:"col-span-2 row-start-2 flex min-w-0 items-center gap-3 sm:col-span-1 sm:col-start-2 sm:row-start-1",children:a}),e.jsx("div",{className:"col-start-2 row-start-1 justify-self-end sm:col-start-3",children:t})]}):null,o]})},bt=({children:t})=>{const r=s.useContext(xt);return r?Dt.createPortal(t,r):null},_e=({label:t,value:r,onChange:a,onBlur:i,isDisabled:o=!1})=>e.jsxs("label",{className:"not-focus-within:has-[:enabled]:hover:border-border focus-within:border-muted-foreground focus-within:bg-hover focus-within:text-soft-foreground flex w-64 min-w-0 items-center gap-2 rounded-lg border border-white/[0.08] bg-white/[0.02] px-3 py-2.5 text-white/35 transition-colors max-sm:flex-1",children:[e.jsx($t,{size:14,weight:"bold",className:"shrink-0","aria-hidden":!0}),e.jsx("input",{type:"search","aria-label":t,placeholder:`${t}…`,value:r,onChange:l=>a==null?void 0:a(l.target.value),onBlur:i,disabled:o,className:"min-w-0 flex-1 bg-transparent text-xs text-white outline-hidden placeholder:text-white/30 disabled:opacity-40 [&::-webkit-search-cancel-button]:hidden"})]}),zr=({projects:t,variants:r,historyError:a,onRetryHistory:i,projectPreviews:o={},selectedProjectId:l,onSelectProject:n,onBrowseLibrary:d,onOpenProject:p,onRenameProject:g,onRemoveProject:v,onSetProjectPinned:m,isOpeningProject:y=!1,projectOpenError:j,onSearchCompleted:L,accountMenu:N,navigation:f,view:w="library",children:P})=>{const[h,C]=s.useState(""),A=l===null||P===void 0,H=s.useRef(null),O=Fr(r),[F]=s.useState(Date.now),I=t.find(b=>b.id===l),z=new Map;if(r)for(const b of t)b.historyIssue||z.set(b.id,0);for(const{projectId:b}of r??[]){const G=z.get(b);G!==void 0&&z.set(b,G+1)}const S=Dr({projects:t.filter(b=>b.name.toLowerCase().includes(h.toLowerCase())),latestEdits:O});return e.jsx("div",{className:"ph-no-capture bg-background text-foreground flex h-screen min-h-0","data-rivet-private":!0,children:e.jsx("main",{className:"relative flex min-w-0 flex-1 flex-col overflow-hidden",children:e.jsxs(qr,{navigation:f,onBrowseProjects:d,isHeaderVisible:A,controls:w==="library"?e.jsx(_e,{label:"Search projects",value:h,onChange:C,onBlur:()=>L==null?void 0:L(h.length)}):null,children:[j?e.jsx("p",{role:"alert",className:"text-accent-error px-10 pt-5 text-xs",children:j}):null,P!==void 0?P:e.jsxs("div",{className:"min-h-0 flex-1 overflow-y-auto px-10 pb-10 max-sm:px-5",children:[e.jsx("h1",{ref:H,tabIndex:-1,className:"sr-only",children:"Projects"}),e.jsx("div",{className:"mb-9 flex items-center justify-end",children:e.jsx(_,{onClick:()=>p(),variant:"secondary",disabled:y,leadingIcon:qe,className:"shrink-0",children:"Open project…"})}),a?e.jsxs("div",{role:"alert",className:"mb-6 flex items-center gap-3 text-xs",children:[e.jsx("span",{className:"text-accent-error",children:a}),e.jsx(_,{onClick:i,variant:"ghost",size:"compact",className:"shrink-0",children:"Retry history"})]}):null,I!=null&&I.issue?e.jsx("p",{role:"alert",className:"border-accent-warning/10 bg-accent-warning/[0.03] mb-6 rounded-lg border p-4 text-xs leading-6 text-white/70",children:I.issue}):null,I&&!I.isAvailable?e.jsxs("div",{className:"border-accent-warning/10 bg-accent-warning/[0.03] mb-6 flex items-center justify-between gap-4 rounded-lg border p-4 text-xs text-white/60",children:[e.jsxs("span",{children:["Locate ",I.name,"’s working folder to open its workspace."]}),e.jsx(_,{disabled:y,onClick:()=>p(I.id),variant:"secondary",size:"compact",className:"shrink-0",children:"Locate folder"})]}):null,e.jsxs("div",{className:"grid items-start gap-x-6 gap-y-8 sm:grid-cols-2",children:[S.map(b=>{const G=z.get(b.id);let Y="Loading variants…";G!==void 0?Y=`${G.toLocaleString()} ${G===1?"variant":"variants"}`:(a||b.historyIssue)&&(Y="Variants unavailable");const u=O.get(b.id);let R="No edits yet";a||b.historyIssue?R="Edit history unavailable":r===void 0?R="Loading edits…":G&&(R="Edit date unavailable");const U=o[b.id];return e.jsxs("div",{className:"group/project grid min-w-0",children:[e.jsxs("button",{onClick:()=>{C(""),n(b.id)},className:"group hover:bg-hover focus-visible:bg-active col-start-1 row-span-2 row-start-1 -m-2 grid w-[calc(100%+1rem)] min-w-0 grid-rows-subgrid rounded-2xl p-2 text-left transition-colors outline-hidden",children:[e.jsx("span",{className:"group-hover:border-border group-focus-visible:border-muted-foreground relative block aspect-video overflow-hidden rounded-xl border border-white/[0.08] bg-white/[0.02]",children:U?e.jsx("img",{src:U.dataUrl,alt:`${b.name} — ${U.label}`,draggable:!1,className:"h-full w-full object-cover object-top"}):null}),e.jsxs("span",{className:"mt-3 block pr-16",children:[e.jsxs("span",{className:"flex min-w-0 items-center gap-1.5 text-sm font-medium",children:[b.pinnedAt?e.jsx(Ne,{size:12,weight:"fill","aria-hidden":!0,className:"text-soft-foreground shrink-0"}):null,e.jsx("span",{className:"truncate",children:b.name})]}),e.jsxs("span",{className:"text-muted-foreground group-hover:text-soft-foreground group-focus-visible:text-soft-foreground mt-2 flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-xs",children:[u!==void 0?e.jsx("time",{dateTime:new Date(u).toISOString(),title:new Date(u).toLocaleString(),children:$r({editedAt:u,now:F})}):e.jsx("span",{children:R}),e.jsx("span",{className:"shrink-0",children:Y})]}),b.isAvailable?null:e.jsx("span",{className:"text-accent-warning mt-2 block text-xs",children:"Folder unavailable"})]})]}),e.jsx("div",{className:"z-content col-start-1 row-start-2 mt-3 self-center justify-self-end",children:e.jsx(Cr,{project:b,onRename:g,onSetPinned:m,onRemove:async K=>{var X;await v(K),(X=H.current)==null||X.focus()}})})]},b.id)}),S.length===0?e.jsxs("div",{className:"col-span-full flex min-h-80 flex-col items-center justify-center rounded-xl border border-dashed border-white/10 px-8 text-center",children:[e.jsx(qe,{size:26,weight:"bold",className:"mb-5 text-white/25","aria-hidden":!0}),e.jsx("h2",{className:"text-sm font-medium",children:h?"No matching projects":"Add your projects"}),e.jsx("p",{className:"text-muted-foreground mt-2 max-w-sm text-xs leading-6",children:h?"Try another project name.":"Open an existing project to add it as a project here"}),h?null:e.jsx(_,{onClick:()=>p(),variant:"secondary",disabled:y,className:"mt-5",children:"Open project"})]}):null]})]}),A&&N?e.jsx("footer",{className:"border-surface-2 bg-card shrink-0 border-t px-2.5 py-2.5",children:N}):null]})})})},gt=8,Ke=1,Ur=({children:t})=>e.jsx("ul",{className:"grid grid-cols-1 items-start gap-x-5 min-[400px]:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5",style:{gridAutoRows:`${gt}px`},children:t}),Kr=({children:t})=>{const[r,a]=s.useState(Ke),i=s.useRef(null),o=s.useCallback(l=>{var d;if((d=i.current)==null||d.disconnect(),!l)return;const n=()=>a(Math.max(Ke,Math.ceil(l.getBoundingClientRect().height/gt)));n(),i.current=new ResizeObserver(n),i.current.observe(l)},[]);return e.jsx("li",{className:"min-w-0",style:{gridRowEnd:`span ${r}`},children:e.jsx("div",{ref:o,className:"relative pb-8",children:t})})},Qr=async({profileId:t,referenceId:r,hash:a,signal:i})=>{const o=await qt(`/api/library/profile/references/${encodeURIComponent(r)}/media/${a}?${new URLSearchParams({profileId:t})}`,{signal:i});if(!o.ok)throw new Error("Image unavailable");return o.blob()},Br="200px",vt=({profileId:t,referenceId:r,hash:a,title:i,isDetail:o=!1})=>{const[l,n]=s.useState(!1),[d,p]=s.useState(!1),g=s.useRef(null),v=s.useCallback(j=>{var L;(L=g.current)==null||L.disconnect(),j&&(g.current=new IntersectionObserver(N=>{var f;N.some(w=>w.isIntersecting)&&(n(!0),(f=g.current)==null||f.disconnect())},{rootMargin:Br}),g.current.observe(j))},[]),m=ee({queryKey:T.designLibraryImage({profileId:t,referenceId:r,hash:a}),queryFn:async({signal:j})=>{const L=await Qr({profileId:t,referenceId:r,hash:a,signal:j});return new Promise((N,f)=>{const w=new FileReader;w.onload=()=>typeof w.result=="string"?N(w.result):f(new Error("Image unavailable")),w.onerror=()=>f(new Error("Image unavailable")),w.readAsDataURL(L)})},enabled:l,staleTime:1/0,gcTime:0,retry:!1}),y=!!m.data&&!d;return e.jsxs("div",{ref:v,className:xe("flex items-center justify-center overflow-hidden bg-white/[0.025]",o?"min-h-32":null,!o&&!y?"aspect-[4/3]":null),children:[m.isError||d?e.jsxs("span",{className:"text-muted-foreground flex items-center gap-2 p-5 text-xs",children:[e.jsx(_r,{size:16,weight:"bold","aria-hidden":!0}),"Image unavailable"]}):null,m.data&&!d?e.jsx("img",{src:m.data,alt:i,onError:()=>p(!0),className:o?"max-h-[65vh] w-full object-contain":"block h-auto w-full"}):null,!m.data&&!m.isError?e.jsx("span",{className:"text-muted-foreground text-xs",children:"Loading image…"}):null]})},Wr={arena:"Are.na",cosmos:"Cosmos",pinterest:"Pinterest",x:"X",image:"Uploaded image",text:"Saved text",variant:"Saved direction",pdf:"PDF"},Gr=({provider:t})=>e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[t==="arena"||t==="cosmos"||t==="pinterest"||t==="x"?e.jsx(zt,{provider:t,className:"h-3.5 w-3.5"}):null,Wr[t]]}),Yr=({label:t,onCopy:r,referenceCount:a=1})=>{const i=le(),[o,l]=s.useState("idle"),n=async()=>{l("copying");try{await r(),l("copied"),i==null||i.capture("library_reference_copy_completed",{reference_count:a,copy_kind:"agent"})}catch{l("failed"),st.error("Could not copy. Check clipboard access and try again."),i==null||i.capture("library_reference_copy_failed",{reference_count:a,copy_kind:"agent"})}},d=o==="copied"?at:Ut,p=o==="copied"?"Copied":t;return e.jsxs(e.Fragment,{children:[e.jsx(_,{variant:"secondary",size:"compact",leadingIcon:d,disabled:o==="copying",onClick:()=>void n(),"aria-label":p,"aria-live":"polite",children:e.jsxs("span",{className:"grid whitespace-nowrap",children:[e.jsx("span",{"aria-hidden":!0,className:"invisible col-start-1 row-start-1",children:t}),e.jsx("span",{className:"col-start-1 row-start-1",children:p})]})}),o==="failed"?e.jsx("span",{role:"alert",className:"sr-only",children:"Could not copy. Check clipboard access and try again."}):null]})},yt=se({id:q(),title:q(),provider:nt,isIncluded:ge()}),Jr=Kt.extend({sourceIds:oe(q()),observation:Qt.nullable()}),Xr=se({profileId:q(),revision:ae(),isEnabled:ge(),sources:oe(yt),references:oe(Jr)});se({query:q().trim().min(2).max(1e3),sourceId:q().min(1).max(200).optional(),limit:ae().int().min(1).max(100).default(24),runtime:Bt.default("codex")});const es=se({profileId:q(),query:q(),coverage:se({saved:ae(),analyzed:ae(),indexed:ae()}),results:oe(se({id:q(),key:q(),title:q(),provider:nt,url:q().optional(),description:q().nullable(),imageCount:ae(),sources:oe(yt),isIncluded:ge()}))}),jt=50,Qe=12,ts=q().regex(/^[a-f0-9]{12,64}@[1-9][0-9]*$/).refine(t=>Number.isSafeInteger(Number(t.split("@")[1])),"Invalid reference revision"),rs=se({profileId:q().uuid(),keys:oe(ts).min(1).max(jt),isDetailed:ge().default(!1)}),ss=t=>{const r=new Map;for(const a of t){const i=a.id.slice(0,Qe);r.set(i,(r.get(i)??0)+1)}return new Map(t.map(a=>{const i=a.id.slice(0,Qe),o=r.get(i)===1?i:a.id;return[a.id,`${o}@${a.revision}`]}))},as=({profileId:t,referenceKeys:r})=>{const a=rs.parse({profileId:t,keys:r});return["rivet","profile","reference",a.profileId,...a.keys].join(" ")},Me=t=>{const r=t.referenceKeys.length===1?"Copy to agent":`Copy ${t.referenceKeys.length} to agent`;return e.jsx(Yr,{label:r,referenceCount:t.referenceKeys.length,onCopy:()=>navigator.clipboard.writeText(as(t))})},ns=({profileId:t,reference:r,sources:a,referenceKey:i,children:o})=>{var p,g;const l=le(),n=r.title||"Untitled reference",d=r.url&&/^https?:\/\//i.test(r.url)?r.url:void 0;return e.jsxs(Xe,{onOpenChange:v=>l==null?void 0:l.capture(v?"library_reference_opened":"library_reference_closed",{provider:r.provider,media_count:r.media.length}),children:[e.jsx(Wt,{asChild:!0,children:o}),e.jsxs(et,{surface:"librarySheet",className:"ph-no-capture w-full max-w-2xl","data-rivet-private":!0,children:[e.jsxs("header",{className:"flex items-start justify-between gap-6 border-b border-white/[0.07] px-7 py-6",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(rt,{className:"text-muted-foreground mb-2 text-xs",children:e.jsx(Gr,{provider:r.provider})}),e.jsx(tt,{className:"text-lg leading-snug font-medium tracking-tight break-words",children:n})]}),e.jsx(Gt,{asChild:!0,children:e.jsx(_,{variant:"ghost",size:"icon-compact","aria-label":"Close reference",children:e.jsx(Je,{size:18,weight:"bold","aria-hidden":!0})})})]}),e.jsx("div",{className:"border-b border-white/[0.07] px-7 py-4",children:e.jsx(Me,{profileId:t,referenceKeys:[i]},r.revision)}),e.jsxs("div",{className:"min-h-0 flex-1 space-y-7 overflow-y-auto px-7 py-6",children:[r.media.map(v=>e.jsx(vt,{profileId:t,referenceId:r.id,hash:v.hash,title:n,isDetail:!0},v.hash)),r.text?e.jsx("p",{className:"text-sm leading-7 break-words whitespace-pre-wrap text-white/70",children:r.text}):null,r.note?e.jsxs("section",{children:[e.jsx("h3",{className:"text-muted-foreground mb-2 text-xs font-medium",children:"Your note"}),e.jsx("p",{className:"text-sm leading-7 break-words whitespace-pre-wrap text-white/75",children:r.note})]}):null,e.jsxs("section",{children:[e.jsx("h3",{className:"text-muted-foreground mb-2 text-xs font-medium",children:((p=r.observation)==null?void 0:p.evidence)==="preference"?"Your preference":"Rivet’s analysis"}),e.jsx("p",{className:"text-sm leading-7 break-words whitespace-pre-wrap text-white/75",children:((g=r.observation)==null?void 0:g.description)??r.unsupportedReason??"No analysis saved yet."})]}),e.jsxs("section",{children:[e.jsx("h3",{className:"text-muted-foreground mb-3 text-xs font-medium",children:"Saved in"}),e.jsx("ul",{className:"space-y-2",children:a.filter(v=>r.sourceIds.includes(v.id)).map(v=>e.jsxs("li",{className:"flex flex-wrap items-center justify-between gap-2 rounded-md bg-white/[0.035] px-3 py-2.5 text-xs",children:[e.jsx("span",{children:v.title}),v.isIncluded?null:e.jsx("span",{className:"text-muted-foreground",children:"Excluded from generation"})]},v.id))})]}),d?e.jsxs("a",{href:d,target:"_blank",rel:"noopener noreferrer",onClick:()=>l==null?void 0:l.capture("library_reference_original_opened",{provider:r.provider}),className:"hover:text-foreground focus-visible:text-foreground focus-visible:bg-active -mx-1.5 -my-1 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-xs text-white/70 underline-offset-4 transition-colors outline-hidden hover:underline focus-visible:underline",children:["Open original",e.jsx(ut,{size:14,weight:"bold","aria-hidden":!0})]}):null]})]})]})},Be="opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100 [@media(hover:none)]:opacity-100",is="pointer-events-none group-hover/card:pointer-events-auto group-focus-within/card:pointer-events-auto [@media(hover:none)]:pointer-events-auto",os=({profileId:t,reference:r,sources:a,referenceKey:i,isSelected:o,isSelectionDisabled:l,onSelect:n})=>{var g;const d=r.title||"Untitled reference",p=r.media[0];return e.jsxs("div",{className:"group/card relative",children:[e.jsx(ns,{profileId:t,reference:r,sources:a,referenceKey:i,children:e.jsx("button",{"aria-label":`Inspect ${d}`,className:"focus-visible:border-muted-foreground block w-full overflow-hidden border border-transparent text-left outline-hidden transition-colors",children:p?e.jsx(vt,{profileId:t,referenceId:r.id,hash:p.hash,title:d},p.hash):e.jsxs("div",{className:"border-border bg-surface-2 min-h-44 border p-5 pb-14",children:[e.jsx("p",{className:"text-soft-foreground text-sm font-medium",children:d}),e.jsx("p",{className:"text-muted-foreground mt-3 line-clamp-3 text-xs leading-5",children:((g=r.observation)==null?void 0:g.description)??r.text})]})})}),e.jsx("div",{"aria-hidden":!0,className:xe("pointer-events-none absolute inset-0 bg-black/40",Be)}),e.jsxs("div",{className:xe("absolute inset-x-0 bottom-0 z-10 flex items-center justify-between gap-2 p-2",o?null:Be,o?null:is),children:[e.jsxs("label",{className:"relative shrink-0 cursor-pointer",title:o?"Deselect":"Select",children:[e.jsx("input",{type:"checkbox","aria-label":`Select ${d}`,checked:o,disabled:l,onChange:n,className:"peer absolute inset-0 h-full w-full cursor-pointer opacity-0 outline-hidden disabled:cursor-default"}),e.jsx("span",{className:xe("peer-focus-visible:border-foreground peer-focus-visible:text-foreground flex h-7 w-7 items-center justify-center rounded-full border shadow-sm transition-colors peer-disabled:opacity-40 forced-colors:peer-focus-visible:outline-2 forced-colors:peer-focus-visible:outline-offset-2 forced-colors:peer-focus-visible:outline-solid",o?"border-primary bg-primary text-primary-foreground":"peer-enabled:peer-hover:text-foreground border-white/35 bg-black/60 text-white/70 peer-focus-visible:bg-black/80"),children:e.jsx(at,{size:14,weight:"bold","aria-hidden":!0})})]}),e.jsx(Me,{profileId:t,referenceKeys:[i]},r.revision)]})]})},pe=24,ls="200px",cs=350,ds=100,us=({snapshot:t})=>{var Y;const r=le(),[a,i]=s.useState(""),[o,l]=s.useState(""),n=s.useRef(null),[d,p]=s.useState(""),[g,v]=s.useState(pe),[m,y]=s.useState([]),j=s.useRef(null),L=ss(t.references),N=t.references.filter(u=>u.media.length>0),f=ee({queryKey:T.designReferenceSearch({profileId:t.profileId,revision:t.revision,references:t.references.map(({id:u,revision:R,sourceIds:U})=>[u,R,U]),search:o,sourceId:d}),queryFn:({signal:u})=>$("/profile/search",{schema:es,method:"POST",body:{query:o,sourceId:d||void 0,limit:ds},signal:u}),enabled:o.length>=2&&t.references.length>0,retry:!1}),w=t.references.filter(u=>m.includes(u.id)),P=w.flatMap(u=>{const R=L.get(u.id);return R?[R]:[]}),h=a.trim(),C=h.length>=2,A=C&&t.references.length>0&&(o!==h||f.isLoading),H=C&&!A&&f.isError,O=new Map(t.references.map(u=>[u.id,u])),F=C?(((Y=f.data)==null?void 0:Y.results)??[]).flatMap(({id:u})=>{const R=O.get(u);return R?[R]:[]}):N.filter(u=>!d||u.sourceIds.includes(d)),I=N.length>0,z=F.length,S=t.references.length>0?"No images yet":"Your library starts here",b=s.useCallback(u=>{var R;(R=j.current)==null||R.disconnect(),u&&(j.current=new IntersectionObserver(U=>{var K;U.some(X=>X.isIntersecting)&&((K=j.current)==null||K.disconnect(),v(Math.min(g+pe,z)))},{root:u.parentElement,rootMargin:ls}),j.current.observe(u))},[g,z]),G=u=>{const R=w.map(K=>K.id),U=R.includes(u)?R.filter(K=>K!==u):[...R,u];y(U),r==null||r.capture("library_reference_selection_changed",{selected_count:U.length})};return e.jsxs("div",{className:"ph-no-capture flex min-h-0 flex-1 flex-col","data-rivet-private":!0,children:[e.jsx(bt,{children:e.jsx(_e,{label:"Search references",value:a,onChange:u=>{i(u),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>l(u.trim()),cs),v(pe)},onBlur:()=>{var u;return r==null?void 0:r.capture("library_reference_search_completed",{query_length:a.length,result_count:C?((u=f.data)==null?void 0:u.results.length)??0:F.length})}})}),e.jsxs("div",{className:"min-h-0 flex-1 overflow-y-auto px-10 pb-10 max-sm:px-5",children:[!t.isEnabled&&I?e.jsx("p",{className:"text-muted-foreground mb-5 text-xs",children:"Automatic use is paused. Your saved references are still here."}):null,I?e.jsx("div",{className:"mb-7 flex flex-wrap items-center gap-3",children:e.jsxs("select",{"aria-label":"Source",value:d,onChange:u=>{p(u.target.value),v(pe),r==null||r.capture("library_reference_source_filtered",{is_filtered:!!u.target.value})},className:"bg-background hover:border-border focus-visible:border-muted-foreground focus-visible:text-foreground max-w-64 rounded-lg border border-white/[0.08] px-3 py-2.5 text-xs text-white/60 transition-colors outline-hidden",children:[e.jsx("option",{value:"",children:"All sources"}),t.sources.map(u=>e.jsx("option",{value:u.id,children:u.title},u.id))]})}):null,P.length?e.jsxs("div",{className:"bg-background sticky top-0 z-20 mb-6 flex flex-wrap items-center gap-3 rounded-lg border border-white/10 p-3 shadow-lg",children:[e.jsxs("span",{className:"text-xs text-white/50",children:[P.length," selected"]}),e.jsx(Me,{profileId:t.profileId,referenceKeys:P},P.join(" ")),e.jsx(_,{variant:"ghost",size:"compact",onClick:()=>{y([]),r==null||r.capture("library_reference_selection_changed",{selected_count:0})},children:"Clear selection"})]}):null,C&&f.data&&f.data.coverage.analyzed<f.data.coverage.saved?e.jsxs("p",{role:"status",className:"text-muted-foreground mb-5 text-xs",children:[f.data.coverage.analyzed," of"," ",f.data.coverage.saved," references analyzed; results may be incomplete."]}):null,A?e.jsx("p",{role:"status",className:"text-muted-foreground py-10 text-center text-xs",children:"Searching references…"}):null,H?e.jsxs("div",{role:"alert",className:"text-accent-error py-10 text-center text-xs",children:[e.jsxs("p",{children:["Search is unavailable: ",f.error.message]}),e.jsx(_,{variant:"ghost",onClick:()=>{r==null||r.capture("library_reference_search_retry"),f.refetch()},children:"Try again"})]}):null,!A&&!H&&F.length?e.jsx(Ur,{children:F.slice(0,g).map(u=>{const R=L.get(u.id);return R?e.jsx(Kr,{children:e.jsx(os,{profileId:t.profileId,reference:u,sources:t.sources,referenceKey:R,isSelected:m.includes(u.id),isSelectionDisabled:!m.includes(u.id)&&P.length>=jt,onSelect:()=>G(u.id)})},u.id):null})}):null,!A&&!H&&!F.length?e.jsxs("div",{className:"flex min-h-72 flex-col items-center justify-center rounded-xl border border-dashed border-white/[0.08] px-6 text-center",children:[e.jsx(Mr,{size:28,weight:"light",className:"mb-5 text-white/25","aria-hidden":!0}),e.jsx("h2",{className:"text-sm text-white/75",children:I||C?"No references found":S}),e.jsx("p",{className:"text-muted-foreground mt-2 max-w-sm text-xs leading-6",children:I||C?"Try another search or choose a different source.":"Ask your agent to save a design reference with an image to your library. It will appear here, ready to browse."})]}):null,!A&&!H&&F.length>g?e.jsx("div",{ref:b,role:"status",className:"text-muted-foreground py-8 text-center text-xs",children:"Loading more references…"}):null]})]})},ms=1e4,hs=({onBrowseProjects:t})=>{var n,d;const r=it(),a=le(),i=ee({queryKey:T.designLibrary((n=r.data)==null?void 0:n.userId,(d=r.data)==null?void 0:d.isAuthenticated),queryFn:({signal:p})=>$("/profile/library",{schema:Xr,signal:p}),enabled:!r.isPending,refetchInterval:ms,gcTime:0,retry:!1}),o=()=>{a==null||a.capture("library_reference_retry"),i.refetch()},l=e.jsx(bt,{children:e.jsx(_e,{label:"Search references",value:"",isDisabled:!0})});return i.isError&&!i.data?e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[l,e.jsxs("div",{className:"m-auto max-w-md px-8 text-center",children:[e.jsx("h1",{className:"mb-3 text-lg font-medium",children:"References"}),e.jsx("p",{role:"alert",className:"text-sm text-white/50",children:i.error.message}),e.jsx("div",{className:"mt-5 flex justify-center gap-3",children:e.jsx(_,{variant:"ghost",onClick:t,children:"Projects"})})]})]}):i.data?e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[i.isError?e.jsxs("div",{role:"alert",className:"flex items-center justify-between gap-4 border-b border-white/10 px-8 py-3 text-xs text-white/50",children:[e.jsx("span",{children:"Could not refresh. Showing the last saved results."}),e.jsx(_,{variant:"ghost",onClick:o,children:"Try again"})]}):null,e.jsx(us,{snapshot:i.data},i.data.profileId)]}):e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[l,e.jsx("p",{role:"status",className:"m-auto text-xs text-white/40",children:"Loading references…"})]})},ps=({view:t,onNavigate:r})=>e.jsx("nav",{"aria-label":"Library",className:"bg-surface-2 flex items-center gap-1 rounded-lg p-1",children:["library","references"].map(a=>e.jsx("a",{href:a==="library"?"/rivet/library":"/rivet/library/references","aria-current":t===a?"page":void 0,onClick:i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),r(a))},className:Yt("rounded-md px-3 py-2 text-xs outline-none forced-colors:focus-visible:outline-2 forced-colors:focus-visible:outline-offset-2 forced-colors:focus-visible:outline-solid",t===a?"bg-active text-foreground focus-visible:bg-selected forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none forced-colors:focus-visible:bg-[Highlight]":"text-muted-foreground hover:text-soft-foreground focus-visible:bg-hover focus-visible:text-foreground"),children:a==="library"?"Projects":"References"},a))}),fs=()=>{const t=He(),r=async l=>{await t.cancelQueries({queryKey:T.projectLibrary.all}),t.setQueryData(T.projectLibrary.projects,n=>n&&{projects:l(n.projects)}),t.setQueriesData({queryKey:T.projectLibrary.histories},n=>{if(!n)return n;const d=l(n.projects),p=new Set(d.map(({id:g})=>g));return{projects:d,variants:n.variants.filter(({projectId:g})=>p.has(g))}}),t.invalidateQueries({queryKey:T.projectLibrary.all})},a=ce({mutationFn:({projectId:l,name:n})=>$(`/projects/${encodeURIComponent(l)}`,{schema:Ee,method:"PATCH",body:{name:n}}),onSuccess:({project:l})=>r(n=>n.map(d=>d.id===l.id?{...d,name:l.name}:d))}),i=ce({mutationFn:({projectId:l,isPinned:n})=>$(`/projects/${encodeURIComponent(l)}/pin`,{schema:Ee,method:n?"PUT":"DELETE"}),onSuccess:({project:l})=>r(n=>n.map(d=>d.id===l.id?{...d,pinnedAt:l.pinnedAt}:d))}),o=ce({mutationFn:l=>$(`/projects/${encodeURIComponent(l)}`,{schema:Jt,method:"DELETE"}),onSuccess:async(l,n)=>{await r(d=>d.filter(({id:p})=>p!==n)),await t.cancelQueries({queryKey:T.libraryProjectPreview.project(n)}),t.removeQueries({queryKey:T.libraryProjectPreview.project(n)})}});return{setProjectPinned:async(l,n)=>{await i.mutateAsync({projectId:l,isPinned:n})},renameProject:async(l,n)=>{await a.mutateAsync({projectId:l,name:n})},removeProject:async l=>{await o.mutateAsync(l)}}},We=2500,xs=500,bs=6e4,gs=[],vs=[],fe=({error:t,retry:r})=>e.jsxs("div",{className:"m-auto max-w-md px-8 text-center",children:[e.jsx("p",{className:"text-accent-error text-sm",children:t.message}),e.jsx(_,{onClick:r,variant:"tertiary",size:"compact",className:"mt-5",children:"Try again"})]}),ys=()=>{var Ce,Pe,Ve,Ze,Te,Oe;const t=le();Xt(it().data);const r=He(),{renameProject:a,removeProject:i,setProjectPinned:o}=fs(),l=s.useRef(),[n,d]=s.useState(()=>ze(new URL(window.location.href))),[p]=s.useState(()=>crypto.randomUUID()),g=s.useRef(0),v=s.useRef(null),m=ee({queryKey:T.projectLibrary.projects,queryFn:({signal:c})=>$("/projects",{schema:mr,signal:c}),refetchInterval:We,retry:!1}),y=((Ce=m.data)==null?void 0:Ce.projects)??gs,j=y.map(({id:c,projectPath:x})=>({id:c,projectPath:x})).sort((c,x)=>c.id.localeCompare(x.id)),L=ee({queryKey:T.projectLibrary.history(j),queryFn:({signal:c})=>$("",{schema:hr,signal:c}),placeholderData:c=>{if(!c)return;const x=new Map(c.projects.map(({id:V,projectPath:J})=>[V,J]));if(!y.every(({id:V,projectPath:J})=>x.get(V)===J))return;const k=new Set(y.map(({id:V})=>V));return{projects:c.projects.filter(({id:V})=>k.has(V)),variants:c.variants.filter(({projectId:V})=>k.has(V))}},enabled:y.length>0,refetchInterval:We,retry:!1}),N=new Map((Pe=L.data)==null?void 0:Pe.projects.map(c=>[c.id,c])),f=y.map(c=>{const x=N.get(c.id);return{...c,issue:x?x.issue:c.issue,historyIssue:x?x.historyIssue:c.historyIssue}}),w=((Ve=L.data)==null?void 0:Ve.variants)??vs,P=Lr({queries:f.map(c=>({queryKey:T.libraryProjectPreview.thumbnail(c.id,c.projectPath),queryFn:({signal:x})=>$(`/projects/${c.id}/thumbnail`,{schema:ur,signal:x}),enabled:n.kind==="library",refetchInterval:bs,retry:!1}))}),h=f.find(c=>c.id===n.projectId),C=er({name:h==null?void 0:h.name,projectPath:h==null?void 0:h.projectPath}),A=w.find(c=>c.projectId===n.projectId&&c.sessionId===n.sessionId&&c.variantId===n.variantId),H=s.useCallback(c=>{window.history.pushState(null,"",tr(c)),d(c)},[]);s.useEffect(()=>{const c=rr(C);return h?l.current=h.id:m.isSuccess&&!m.isFetching&&n.projectId===l.current&&n.projectId&&(l.current=void 0,H({kind:"library"})),c},[h,C,n.projectId,m.isSuccess,m.isFetching,H]),s.useEffect(()=>{const c=()=>d(ze(new URL(window.location.href)));return window.addEventListener("popstate",c),()=>window.removeEventListener("popstate",c)},[]),s.useEffect(()=>{const c=new AbortController;let x;const k=async()=>{try{const V=await $(`/views/${p}`,{schema:ir,method:"PUT",body:{isFocused:document.visibilityState==="visible"&&document.hasFocus()},signal:c.signal});for(const J of V.navigations){if(c.signal.aborted)return;if(J.sequence>g.current){let ye="library";J.projectId&&(ye="workspace"),J.variantId&&(ye="preview"),H({...J,kind:ye}),g.current=J.sequence}await $(`/views/${p}/acknowledgements`,{schema:or,method:"POST",body:{sequence:J.sequence},signal:c.signal})}}catch{}c.signal.aborted||(x=setTimeout(()=>{k()},xs))};return k(),()=>{c.abort(),clearTimeout(x)}},[p,H]);const O=ee({queryKey:T.libraryWorkspace(n.projectId),queryFn:()=>$(`/projects/${n.projectId}/runtime`,{schema:pr,method:"POST"}),enabled:n.kind==="workspace"&&!!n.projectId&&(h==null?void 0:h.isAvailable)===!0,retry:!1,refetchOnWindowFocus:!1}),F=O.data?new URL(O.data.editorUrl).origin:null;s.useEffect(()=>{if(n.kind!=="workspace"||!F)return;const c=x=>{!v.current||x.source!==v.current.contentWindow||x.origin!==F||x.data!==lr||(t==null||t.capture("library_view_changed",{view:"projects"}),H({kind:"library"}))};return window.addEventListener("message",c),()=>window.removeEventListener("message",c)},[n.kind,F,H,t]);const I=ee({queryKey:T.libraryPreview({projectId:n.projectId,sessionId:n.sessionId,variantId:n.variantId}),queryFn:()=>$(`/projects/${n.projectId}/variants/${n.sessionId}/${n.variantId}/preview`,{schema:fr,method:"POST"}),enabled:n.kind==="preview"&&!!(A!=null&&A.hasStaticPreview),retry:!1,refetchOnWindowFocus:!1}),z=ce({mutationFn:c=>$(`/projects/${n.projectId}/variants/${n.sessionId}/${n.variantId}`,{schema:cr,method:"PATCH",body:{label:c}}),onSuccess:()=>r.invalidateQueries({queryKey:T.projectLibrary.all})}),S=c=>{const x=f.find(k=>k.id===c);t==null||t.capture("library_project_selected",{project_id:c,workspace_available:(x==null?void 0:x.isAvailable)??!1}),H({kind:"workspace",projectId:c})},b=ce({mutationFn:async c=>{const{projectPath:x}=await $("/folder-selections",{schema:dr,method:"POST"});return x===null?null:$(c?`/projects/${c}/workspace`:"/projects",{schema:Ee,method:c?"PATCH":"POST",body:{projectPath:x}})},onSuccess:c=>{c&&(r.invalidateQueries({queryKey:T.projectLibrary.all}),t==null||t.capture("library_project_selected",{project_id:c.project.id,workspace_available:c.project.isAvailable}),H({kind:"workspace",projectId:c.project.id}))},onSettled:(c,x,k)=>{t==null||t.capture("library_open_project_closed",{is_relink:!!k})}}),G=c=>{b.isPending||(t==null||t.capture("library_open_project_opened",{is_relink:!!c}),b.mutate(c))},Y=()=>{t==null||t.capture("library_view_changed",{view:"projects"}),H({kind:"library"})},u=()=>{t==null||t.capture("library_view_changed",{view:"workspace"}),H({...n,kind:"workspace"})},R=()=>{t==null||t.capture("library_history_retry"),L.refetch()};let U;if(n.kind==="workspace"&&(h==null?void 0:h.isAvailable)!==!1||n.kind==="preview"){let c=!1,x=e.jsxs("div",{className:"text-muted-foreground m-auto flex items-center gap-2 text-xs",children:[e.jsx(sr,{size:14,weight:"bold",className:"animate-spin","aria-hidden":!0}),"Opening ",(h==null?void 0:h.name)??"project","…"]});if(m.data&&!h||L.data&&n.variantId&&!A)x=e.jsx("div",{className:"m-auto text-sm text-white/60",children:"This project or direction is no longer in your library."});else if(n.kind==="preview"&&L.error&&!L.data)x=e.jsx(fe,{error:L.error,retry:R});else if(n.kind==="workspace"&&O.error)x=e.jsx(fe,{error:O.error,retry:()=>{O.refetch()}});else if(n.kind==="workspace"&&O.data){c=!0;const k=new URL(O.data.editorUrl);k.searchParams.set("library","1"),k.searchParams.set("libraryOrigin",window.location.origin),n.sessionId&&n.variantId&&(k.searchParams.set("historySession",n.sessionId),k.searchParams.set("historyVariant",n.variantId)),x=e.jsx("iframe",{ref:v,title:`${(h==null?void 0:h.name)??"Project"} workspace`,src:k.toString(),allow:"clipboard-write","data-rivet-private":!0,className:"ph-no-capture min-h-0 w-full flex-1 border-0"},k.toString())}else n.kind==="preview"&&I.error?x=e.jsx(fe,{error:I.error,retry:()=>{I.refetch()}}):n.kind==="preview"&&I.data?x=e.jsx("iframe",{title:`${(A==null?void 0:A.label)??"Saved direction"} preview`,src:I.data.url,sandbox:"allow-scripts allow-same-origin allow-forms allow-popups",className:"min-h-0 w-full flex-1 border-0 bg-white"}):n.kind==="preview"&&A&&!A.hasStaticPreview&&(x=e.jsxs("div",{className:"m-auto max-w-sm text-center",children:[e.jsx("p",{className:"text-sm",children:A.hasInteractivePreview?"Open this direction in its workspace":"This direction contains saved code changes"}),e.jsx("p",{className:"text-muted-foreground mt-2 text-xs leading-6",children:A.hasInteractivePreview?"Rivet will start the preview with this project’s dependencies and configuration.":"Open the project to continue working with its saved history."}),e.jsx(_,{onClick:u,disabled:(h==null?void 0:h.isAvailable)===!1,variant:"primary",className:"mt-5",children:"Open workspace"})]}));U=e.jsxs(e.Fragment,{children:[n.kind==="preview"?e.jsxs("header",{className:"flex h-14 shrink-0 items-center gap-3 border-b border-white/[0.07] px-5",children:[e.jsx(_,{"aria-label":"Back to projects",onClick:Y,variant:"ghost",size:"icon-compact",children:e.jsx(Hr,{size:15,weight:"bold","aria-hidden":!0})}),e.jsx("span",{className:"text-muted-foreground text-xs",children:h==null?void 0:h.name}),A?e.jsxs(e.Fragment,{children:[e.jsx("span",{"aria-hidden":!0,className:"text-white/20",children:"/"}),e.jsxs("form",{onSubmit:k=>{k.preventDefault();const V=new FormData(k.currentTarget);z.mutate(String(V.get("label")))},className:"flex min-w-0 flex-1 gap-2",children:[e.jsx("input",{name:"label","aria-label":"Direction name",defaultValue:A.label,className:"hover:border-border focus-visible:border-muted-foreground focus-visible:bg-hover focus-visible:text-foreground -ml-2 max-w-xs min-w-0 flex-1 rounded-md border border-transparent bg-transparent px-2 py-1 text-xs text-white/80 transition-colors outline-hidden"}),e.jsx(_,{type:"submit",disabled:z.isPending,variant:"ghost",size:"compact",children:"Rename"})]},`${A.projectId}:${A.variantId}`)]}):e.jsx("span",{className:"flex-1"}),n.kind==="preview"?e.jsx(_,{onClick:u,disabled:(h==null?void 0:h.isAvailable)===!1,variant:"tertiary",size:"compact",trailingIcon:ut,children:"Edit in project"}):null]}):null,n.kind==="workspace"&&!c?e.jsx(_,{onClick:Y,variant:"ghost",size:"compact",className:"absolute top-5 left-5",children:"Projects"}):null,z.error?e.jsx("p",{role:"alert",className:"text-accent-error px-5 py-2 text-xs",children:z.error.message}):null,x]})}let K=U;m.error&&!m.data?K=e.jsx(fe,{error:m.error,retry:()=>{m.refetch()}}):m.isPending&&(K=e.jsx("div",{role:"status",className:"text-muted-foreground flex min-h-0 flex-1 items-center justify-center text-xs",children:"Loading projects…"}));const X=n.kind==="references"?"references":"library",wt=e.jsx(ps,{view:X,onNavigate:c=>{t==null||t.capture("library_view_changed",{view:c==="references"?"references":"projects"}),H({kind:c})}});return n.kind==="references"&&(K=e.jsx(hs,{onBrowseProjects:Y})),e.jsxs(e.Fragment,{children:[e.jsx(zr,{projects:f,variants:(Ze=L.data)==null?void 0:Ze.variants,historyError:(Te=L.error)==null?void 0:Te.message,onRetryHistory:R,projectPreviews:Object.fromEntries(f.map((c,x)=>{var k,V;return[c.id,(V=(k=P[x])==null?void 0:k.data)==null?void 0:V.preview]})),selectedProjectId:n.projectId??null,onSelectProject:S,onBrowseLibrary:Y,navigation:wt,view:X,onOpenProject:G,onRenameProject:a,onRemoveProject:i,onSetProjectPinned:o,accountMenu:e.jsx(ar,{side:"top",align:"start"}),isOpeningProject:b.isPending,projectOpenError:(Oe=b.error)==null?void 0:Oe.message,onSearchCompleted:c=>t==null?void 0:t.capture("library_search_completed",{query_length:c}),children:K}),e.jsx(nr,{position:"bottom-right",theme:"dark"})]})},js=async t=>{const r=Nr(),a=await yr("/api/library/browser-sessions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!a.ok){const i=jr.safeParse(await a.json().catch(()=>null));throw new Error(i.success?i.data.error:"Could not start a library session.")}wr(Sr(await a.json()),r)},ws=()=>{const t=s.useSyncExternalStore(ot,br),{startLogin:r,isStartingLogin:a,loginError:i}=gr("library",js);return e.jsx(vr,{isSigningIn:a,onStartSignIn:()=>void r(),errorMessage:i??t})},Es=()=>s.useSyncExternalStore(ot,xr)?e.jsx(ys,{}):e.jsx(ws,{});export{Es as default};
+//# sourceMappingURL=LibraryEntry-B8-RtQpK.js.map

package/src/ui/dist/assets/main-11-ME6E3.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-sky-400:oklch(74.6% .16 232.661);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before{border-color:var(--surface-2)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-px{top:1px;right:1px;bottom:1px;left:1px}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-5{left:calc(var(--spacing) * 5)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[100\]{z-index:100}.z-content{z-index:var(--z-content)}.z-max{z-index:var(--z-max)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.z-ui-secondary{z-index:var(--z-ui-secondary)}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.-m-2{margin:calc(var(--spacing) * -2)}.-m-6{margin:calc(var(--spacing) * -6)}.m-0{margin:0}.m-auto{margin:auto}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-\[18px\]{margin-inline:18px}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-video{aspect-ratio:var(--aspect-video)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-72{height:calc(var(--spacing) * 72)}.h-\[22px\]{height:22px}.h-\[520px\]{height:520px}.h-\[560px\]{height:560px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[65vh\]{max-height:65vh}.max-h-\[min\(480px\,calc\(100vh-32px\)\)\]{max-height:min(480px,100vh - 32px)}.max-h-\[min\(680px\,calc\(100vh-32px\)\)\]{max-height:min(680px,100vh - 32px)}.min-h-0{min-height:0}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[64px\]{min-height:64px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[22px\]{width:22px}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[440px\]{width:440px}.w-\[calc\(100\%\+1rem\)\]{width:calc(100% + 1rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(440px\,calc\(100vw-32px\)\)\]{width:min(440px,100vw - 32px)}.w-\[min\(1440px\,calc\(100vw-20px\)\)\]{width:min(1440px,100vw - 20px)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[8rem\]{max-width:8rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[720px\]{max-width:720px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-rows-subgrid{grid-template-rows:subgrid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[18px\]{gap:18px}.gap-\[inherit\]{gap:inherit}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-surface-2>:not(:last-child)){border-color:var(--surface-2)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[18px\]{border-radius:18px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-accent-warning\/10{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-accent-warning\/10{border-color:color-mix(in oklab,var(--warning) 10%,transparent)}}.border-border{border-color:var(--border)}.border-border-strong{border-color:var(--border-strong)}.border-current{border-color:currentColor}.border-primary{border-color:var(--primary)}.border-soft-foreground\/40{border-color:var(--soft-foreground)}@supports (color:color-mix(in lab,red,red)){.border-soft-foreground\/40{border-color:color-mix(in oklab,var(--soft-foreground) 40%,transparent)}}.border-surface-2{border-color:var(--surface-2)}.border-surface-3{border-color:var(--surface-3)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/35{border-color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.border-white\/35{border-color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.border-white\/\[0\.07\]{border-color:#ffffff12}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.07\]{border-color:color-mix(in oklab,var(--color-white) 7%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-t-muted-foreground{border-top-color:var(--muted-foreground)}.bg-\[\#1c1c20\]{background-color:#1c1c20}.bg-\[\#111215\]{background-color:#111215}.bg-\[var\(--btn-bg\)\]{background-color:var(--btn-bg)}.bg-accent{background-color:var(--accent)}.bg-accent-error{background-color:var(--error-text)}.bg-accent-success,.bg-accent-success\/15{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-accent-success\/15{background-color:color-mix(in oklab,var(--success) 15%,transparent)}}.bg-accent-warning,.bg-accent-warning\/15{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.bg-accent-warning\/15{background-color:color-mix(in oklab,var(--warning) 15%,transparent)}}.bg-accent-warning\/\[0\.03\]{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.bg-accent-warning\/\[0\.03\]{background-color:color-mix(in oklab,var(--warning) 3%,transparent)}}.bg-active{background-color:var(--active)}.bg-background,.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/90{background-color:color-mix(in oklab,var(--background) 90%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-border-strong{background-color:var(--border-strong)}.bg-card{background-color:var(--card)}.bg-current{background-color:currentColor}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-destructive\/15{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/15{background-color:color-mix(in oklab,var(--destructive) 15%,transparent)}}.bg-destructive\/25{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/25{background-color:color-mix(in oklab,var(--destructive) 25%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-hover{background-color:var(--hover)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground{background-color:var(--muted-foreground)}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/15{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.bg-selected{background-color:var(--selected)}.bg-soft-foreground{background-color:var(--soft-foreground)}.bg-surface-1{background-color:var(--surface-1)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.bg-surface-4{background-color:var(--surface-4)}.bg-surface-5{background-color:var(--surface-5)}.bg-surface-6{background-color:var(--surface-6)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.012\]{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.012\]{background-color:color-mix(in oklab,var(--color-white) 1.2%,transparent)}}.bg-white\/\[0\.025\]{background-color:#ffffff06}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.025\]{background-color:color-mix(in oklab,var(--color-white) 2.5%,transparent)}}.bg-white\/\[0\.035\]{background-color:#ffffff09}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.035\]{background-color:color-mix(in oklab,var(--color-white) 3.5%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[3px\]{padding:3px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[18px\]{padding-inline:18px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-28{padding-block:calc(var(--spacing) * 28)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-\[18px\]{padding-top:18px}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-\[33px\]{padding-left:33px}.text-center{text-align:center}.text-left{text-align:left}.font-main{font-family:Satoshi,Inter,system-ui,-apple-system,Segoe UI,sans-serif}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[clamp\(32px\,5vw\,64px\)\]{font-size:clamp(32px,5vw,64px)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#e60023\]{color:#e60023}.text-accent-error{color:var(--error-text)}.text-accent-success{color:var(--success)}.text-accent-warning{color:var(--warning)}.text-background{color:var(--background)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-sky-400{color:var(--color-sky-400)}.text-soft-foreground{color:var(--soft-foreground)}.text-white{color:var(--color-white)}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.placeholder-muted-foreground::placeholder{color:var(--muted-foreground)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_transparent\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,transparent);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--border\)\,inset_0_0_0_0px_var\(--border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--border)), inset 0 0 0 0px var(--tw-shadow-color,var(--border));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--btn-bg\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--btn-bg));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.2\)\,0_4px_16px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0003), 0 4px 16px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.28\)\,0_10px_24px_rgba\(0\,0\,0\,0\.16\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000047), 0 10px 24px var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(22\,22\,21\,0\.08\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#16161514);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-surface-3{--tw-shadow:var(--shadow-surface-3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-surface-4{--tw-shadow:var(--shadow-surface-4);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-secondary{--tw-ring-color:var(--secondary)}.ring-soft-foreground\/30{--tw-ring-color:var(--soft-foreground)}@supports (color:color-mix(in lab,red,red)){.ring-soft-foreground\/30{--tw-ring-color:color-mix(in oklab, var(--soft-foreground) 30%, transparent)}}.ring-soft-foreground\/70{--tw-ring-color:var(--soft-foreground)}@supports (color:color-mix(in lab,red,red)){.ring-soft-foreground\/70{--tw-ring-color:color-mix(in oklab, var(--soft-foreground) 70%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.invert{--tw-invert:invert(100%);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,background-color\]{transition-property:box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[outline-color\]{transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-80{--tw-duration:80ms;transition-duration:80ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.\[transition-duration\:180ms\,80ms\]{transition-duration:.18s,80ms}.\[transition-timing-function\:cubic-bezier\(0\.23\,1\,0\.32\,1\)\,ease\]{transition-timing-function:cubic-bezier(.23,1,.32,1),ease}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[--btn-bg\:var\(--accent\)\]{--btn-bg:var(--accent)}.\[--btn-bg\:var\(--foreground\)\]{--btn-bg:var(--foreground)}.\[text-box\:trim-both_cap_alphabetic\]{text-box:trim-both cap alphabetic}:is(:where(.group\/card):focus-within .group-focus-within\/card\:pointer-events-auto){pointer-events:auto}:is(:where(.group\/card):focus-within .group-focus-within\/card\:opacity-100){opacity:1}@media(hover:hover){:is(:where(.group):hover .group-hover\:pointer-events-auto){pointer-events:auto}:is(:where(.group):hover .group-hover\:border-border){border-color:var(--border)}:is(:where(.group):hover .group-hover\:text-soft-foreground){color:var(--soft-foreground)}:is(:where(.group):hover .group-hover\:opacity-100){opacity:1}:is(:where(.group\/button):hover .group-hover\/button\:bg-hover){background-color:var(--hover)}:is(:where(.group\/button):hover .group-hover\/button\:shadow-\[0_0_0_1px_var\(--hover\)\]){--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--hover));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):hover .group-hover\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--accent\)_80\%\,var\(--background\)\)\]){--btn-bg:var(--accent)}@supports (color:color-mix(in lab,red,red)){:is(:where(.group\/button):hover .group-hover\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--accent\)_80\%\,var\(--background\)\)\]){--btn-bg:color-mix(in oklab,var(--accent) 80%,var(--background))}}:is(:where(.group\/button):hover .group-hover\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_90\%\,var\(--background\)\)\]){--btn-bg:var(--foreground)}@supports (color:color-mix(in lab,red,red)){:is(:where(.group\/button):hover .group-hover\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_90\%\,var\(--background\)\)\]){--btn-bg:color-mix(in oklab,var(--foreground) 90%,var(--background))}}:is(:where(.group\/card):hover .group-hover\/card\:pointer-events-auto){pointer-events:auto}:is(:where(.group\/card):hover .group-hover\/card\:opacity-100){opacity:1}:is(:where(.group\/project):hover .group-hover\/project\:pointer-events-auto){pointer-events:auto}:is(:where(.group\/project):hover .group-hover\/project\:opacity-100){opacity:1}:is(:where(.group\/resize):hover .group-hover\/resize\:w-0\.5){width:calc(var(--spacing) * .5)}:is(:where(.group\/resize):hover .group-hover\/resize\:bg-soft-foreground){background-color:var(--soft-foreground)}}:is(:where(.group):focus-visible .group-focus-visible\:border-muted-foreground){border-color:var(--muted-foreground)}:is(:where(.group):focus-visible .group-focus-visible\:text-soft-foreground){color:var(--soft-foreground)}:is(:where(.group\/account):focus-visible .group-focus-visible\/account\:border-foreground){border-color:var(--foreground)}:is(:where(.group\/button):focus-visible .group-focus-visible\/button\:bg-active){background-color:var(--active)}:is(:where(.group\/button):focus-visible .group-focus-visible\/button\:shadow-\[0_0_0_1px_var\(--active\)\]){--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--active));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):focus-visible .group-focus-visible\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]){--btn-bg:var(--foreground)}@supports (color:color-mix(in lab,red,red)){:is(:where(.group\/button):focus-visible .group-focus-visible\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]){--btn-bg:color-mix(in oklab,var(--foreground) 80%,var(--background))}}:is(:where(.group\/button):focus-visible .group-focus-visible\/button\:\[--btn-bg\:var\(--selected\)\]){--btn-bg:var(--selected)}:is(:where(.group\/button):active .group-active\/button\:bg-active){background-color:var(--active)}:is(:where(.group\/button):active .group-active\/button\:shadow-\[0_0_0_0px_var\(--active\)\]){--tw-shadow:0 0 0 0px var(--tw-shadow-color,var(--active));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):active .group-active\/button\:shadow-\[0_0_0_0px_var\(--border\)\,inset_0_0_0_1px_var\(--border\)\]){--tw-shadow:0 0 0 0px var(--tw-shadow-color,var(--border)), inset 0 0 0 1px var(--tw-shadow-color,var(--border));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):active .group-active\/button\:shadow-\[0_0_0_0px_var\(--btn-bg\)\]){--tw-shadow:0 0 0 0px var(--tw-shadow-color,var(--btn-bg));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):active .group-active\/button\:\[transition-duration\:80ms\,80ms\]){transition-duration:80ms,80ms}:is(:where(.group\/button):active .group-active\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]){--btn-bg:var(--foreground)}@supports (color:color-mix(in lab,red,red)){:is(:where(.group\/button):active .group-active\/button\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]){--btn-bg:color-mix(in oklab,var(--foreground) 80%,var(--background))}}:is(:where(.group\/button):active .group-active\/button\:\[--btn-bg\:var\(--accent\)\]){--btn-bg:var(--accent)}:is(:where(.group\/button)[aria-expanded=true] .group-aria-expanded\/button\:bg-active){background-color:var(--active)}:is(:where(.group\/button)[aria-expanded=true] .group-aria-expanded\/button\:shadow-\[0_0_0_0px_var\(--active\)\]){--tw-shadow:0 0 0 0px var(--tw-shadow-color,var(--active));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):focus-visible :is(:where(.group\/button)[aria-expanded=true] .group-aria-expanded\/button\:group-focus-visible\/button\:bg-selected)){background-color:var(--selected)}:is(:where(.group\/button)[aria-pressed=true] .group-aria-pressed\/button\:bg-active){background-color:var(--active)}:is(:where(.group\/button)[aria-pressed=true] .group-aria-pressed\/button\:shadow-\[0_0_0_0px_var\(--active\)\]){--tw-shadow:0 0 0 0px var(--tw-shadow-color,var(--active));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(:where(.group\/button):focus-visible :is(:where(.group\/button)[aria-pressed=true] .group-aria-pressed\/button\:group-focus-visible\/button\:bg-selected)){background-color:var(--selected)}:is(:where(.peer):focus-visible~.peer-focus-visible\:border-foreground){border-color:var(--foreground)}:is(:where(.peer):focus-visible~.peer-focus-visible\:bg-black\/80){background-color:#000c}@supports (color:color-mix(in lab,red,red)){:is(:where(.peer):focus-visible~.peer-focus-visible\:bg-black\/80){background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}:is(:where(.peer):focus-visible~.peer-focus-visible\:text-foreground){color:var(--foreground)}@media(hover:hover){:is(:where(.peer):hover~:is(:where(.peer):enabled~.peer-enabled\:peer-hover\:text-foreground)){color:var(--foreground)}}:is(:where(.peer):disabled~.peer-disabled\:opacity-40){opacity:.4}.placeholder\:text-soft-foreground::placeholder{color:var(--soft-foreground)}.placeholder\:text-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-white\/30::placeholder{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.focus-within\:border-muted-foreground:focus-within{border-color:var(--muted-foreground)}.focus-within\:bg-hover:focus-within{background-color:var(--hover)}.focus-within\:text-soft-foreground:focus-within{color:var(--soft-foreground)}.focus-within\:outline-white\/20:focus-within{outline-color:#fff3}@supports (color:color-mix(in lab,red,red)){.focus-within\:outline-white\/20:focus-within{outline-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}@media(hover:hover){.hover\:border-border:hover{border-color:var(--border)}.hover\:border-soft-foreground\/50:hover{border-color:var(--soft-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:border-soft-foreground\/50:hover{border-color:color-mix(in oklab,var(--soft-foreground) 50%,transparent)}}.hover\:bg-\[\#2a2a2a\]:hover{background-color:#2a2a2a}.hover\:bg-\[color-mix\(in_oklab\,var\(--foreground\)_90\%\,var\(--background\)\)\]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_oklab\,var\(--foreground\)_90\%\,var\(--background\)\)\]:hover{background-color:color-mix(in oklab,var(--foreground) 90%,var(--background))}}.hover\:bg-background\/80:hover{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-background\/80:hover{background-color:color-mix(in oklab,var(--background) 80%,transparent)}}.hover\:bg-card:hover{background-color:var(--card)}.hover\:bg-destructive\/25:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/25:hover{background-color:color-mix(in oklab,var(--destructive) 25%,transparent)}}.hover\:bg-destructive\/85:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/85:hover{background-color:color-mix(in oklab,var(--destructive) 85%,transparent)}}.hover\:bg-hover:hover{background-color:var(--hover)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-red-500\/25:hover{background-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/25:hover{background-color:color-mix(in oklab,var(--color-red-500) 25%,transparent)}}.hover\:bg-selected:hover{background-color:var(--selected)}.hover\:bg-surface-3:hover{background-color:var(--surface-3)}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-soft-foreground:hover{color:var(--soft-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-soft-foreground:focus{border-color:var(--soft-foreground)}.focus\:bg-hover:focus{background-color:var(--hover)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-soft-foreground\/40:focus{--tw-ring-color:var(--soft-foreground)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-soft-foreground\/40:focus{--tw-ring-color:color-mix(in oklab, var(--soft-foreground) 40%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-muted-foreground:focus-visible{border-color:var(--muted-foreground)}.focus-visible\:border-soft-foreground:focus-visible{border-color:var(--soft-foreground)}.focus-visible\:border-white\/40:focus-visible{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-white\/40:focus-visible{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.focus-visible\:bg-\[\#2a2a2a\]:focus-visible{background-color:#2a2a2a}.focus-visible\:bg-\[color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]:focus-visible{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-\[color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]:focus-visible{background-color:color-mix(in oklab,var(--foreground) 80%,var(--background))}}.focus-visible\:bg-active:focus-visible{background-color:var(--active)}.focus-visible\:bg-destructive\/25:focus-visible{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-destructive\/25:focus-visible{background-color:color-mix(in oklab,var(--destructive) 25%,transparent)}}.focus-visible\:bg-destructive\/85:focus-visible{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-destructive\/85:focus-visible{background-color:color-mix(in oklab,var(--destructive) 85%,transparent)}}.focus-visible\:bg-hover:focus-visible{background-color:var(--hover)}.focus-visible\:bg-muted:focus-visible{background-color:var(--muted)}.focus-visible\:bg-selected:focus-visible{background-color:var(--selected)}.focus-visible\:text-destructive:focus-visible{color:var(--destructive)}.focus-visible\:text-foreground:focus-visible{color:var(--foreground)}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-soft-foreground\/40:focus-visible{--tw-ring-color:var(--soft-foreground)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-soft-foreground\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--soft-foreground) 40%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-foreground:focus-visible{outline-color:var(--foreground)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\[color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]:active{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.active\:bg-\[color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]:active{background-color:color-mix(in oklab,var(--foreground) 80%,var(--background))}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.not-focus-within\:has-\[\:enabled\]\:hover\:border-border:not(:focus-within):has(:enabled):hover{border-color:var(--border)}}.has-\[\:focus-visible\]\:pointer-events-auto:has(:focus-visible){pointer-events:auto}.has-\[\:focus-visible\]\:border-soft-foreground:has(:focus-visible){border-color:var(--soft-foreground)}.has-\[\:focus-visible\]\:bg-active:has(:focus-visible){background-color:var(--active)}.has-\[\:focus-visible\]\:opacity-100:has(:focus-visible){opacity:1}.aria-expanded\:text-foreground[aria-expanded=true],.aria-pressed\:text-foreground[aria-pressed=true]{color:var(--foreground)}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-\[spinner-move_2s_linear_infinite\,spinner-dash_4s_ease-in-out_infinite\]{animation:2s linear infinite spinner-move,4s ease-in-out infinite spinner-dash}}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:40rem){.max-sm\:flex-1{flex:1}.max-sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media(min-width:400px){.min-\[400px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-start-3{grid-column-start:3}.sm\:row-start-1{grid-row-start:1}.sm\:flex{display:flex}.sm\:h-\[720px\]{height:720px}.sm\:w-\[min\(1440px\,calc\(100vw-32px\)\)\]{width:min(1440px,100vw - 32px)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.sm\:grid-cols-\[repeat\(auto-fit\,minmax\(420px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:96rem){.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(forced-colors:active){.forced-colors\:border{border-style:var(--tw-border-style);border-width:1px}.forced-colors\:bg-\[CanvasText\]{background-color:canvastext}.forced-colors\:bg-\[Highlight\]{background-color:highlight}.forced-colors\:text-\[CanvasText\]\!{color:canvastext!important}.forced-colors\:text-\[HighlightText\]{color:highlighttext}.forced-colors\:forced-color-adjust-none{forced-color-adjust:none}:is(:where(.peer):focus-visible~.forced-colors\:peer-focus-visible\:outline-2){outline-style:var(--tw-outline-style);outline-width:2px}:is(:where(.peer):focus-visible~.forced-colors\:peer-focus-visible\:outline-offset-2){outline-offset:2px}:is(:where(.peer):focus-visible~.forced-colors\:peer-focus-visible\:outline-solid){--tw-outline-style:solid;outline-style:solid}.forced-colors\:focus-visible\:bg-\[Highlight\]:focus-visible{background-color:highlight}.forced-colors\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.forced-colors\:focus-visible\:-outline-offset-2:focus-visible{outline-offset:-2px}.forced-colors\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.forced-colors\:focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}}.\[\&_svg\]\:h-3\.5 svg{height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:h-4 svg{height:calc(var(--spacing) * 4)}.\[\&_svg\]\:w-3\.5 svg{width:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:w-4 svg{width:calc(var(--spacing) * 4)}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}@media(hover:none){.\[\@media\(hover\:none\)\]\:pointer-events-auto{pointer-events:auto}.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}}:root{--background:#1c1c20;--foreground:#fff;--card:#1e1e22;--card-foreground:#fff;--popover:var(--surface-4);--popover-foreground:#fff;--primary:#e54b2c;--primary-foreground:#fff;--focus-ring:#6b97ff;--secondary:#2e2e2e;--secondary-foreground:#fff;--muted:#2e2e2e;--muted-foreground:#9ca3af;--soft-foreground:#d1d5db;--accent:#333;--accent-foreground:#fff;--selected:#404040;--border:#ffffff1f;--border-strong:#4b5563;--input:#404040;--ring:#404040;--destructive:#ef4444;--destructive-foreground:#fff;--destructive-light:#450a0a;--success:#10b981;--warning:#f59e0b;--error-text:#ffa2a2;--hover:#ffffff0f;--active:#ffffff1a;--checker-a:#1f1f1f;--checker-b:#2a2a2a;--surface-1:#1c1c20;--surface-2:#232328;--surface-3:#2a2a30;--surface-4:#313138;--surface-5:#383840;--surface-6:#3f3f48;--surface-7:#464650;--surface-8:#4d4d58;--z-content:10;--z-modal:30;--z-ui-secondary:40;--z-ui-primary:50;--z-tooltip:70;--z-max:999999;--dm-hi-base:#ffffff03;--dm-hi-mid:#ffffff05;--dm-hi-high:#ffffff0a;--dm-hi-peak:#ffffff0f;--dm-ring-base:#ffffff05;--dm-ring-mid:#ffffff0a;--dm-ring-high:#ffffff0f;--dm-drop:#0000002e;--shadow-surface-1:inset 0 0 0 1px var(--dm-ring-base);--shadow-surface-2:inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -.5px var(--dm-drop);--shadow-surface-3:inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px #0000001f, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop);--shadow-surface-4:inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px #00000024, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop);--shadow-surface-5:inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px #00000029, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop);--shadow-surface-6:inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #0000002e, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop);--shadow-surface-7:inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #0003, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop);--shadow-surface-8:inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #00000038, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop), 0 96px 96px -48px var(--dm-drop)}html,body{background-color:var(--background);overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Satoshi,Inter,system-ui,sans-serif}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2)format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-VariableItalic.woff2)format("woff2-variations");font-weight:300 900;font-style:italic;font-display:swap}*{scrollbar-width:thin;scrollbar-color:#404040 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0;border-radius:4px}::-webkit-scrollbar-thumb{background:#3a3a3f padding-box padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#505058 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}@keyframes rivet-sparkle-scroll{0%{transform:translateY(0)}to{transform:translateY(-6em)}}.rivet-sparkle-strip{animation:.9s steps(6,end) infinite rivet-sparkle-scroll}@media(prefers-reduced-motion:reduce){.rivet-sparkle-strip{animation:none}}.rivet-skeleton{background-color:#a3a3aa14;position:relative;overflow:hidden}.rivet-skeleton:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff0f,#0000 80%);animation:1.6s ease-in-out infinite rivet-skeleton-sweep;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%)}@keyframes rivet-skeleton-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.rivet-skeleton:after{animation:none}}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#ffffff04;border:1px solid #ffffff08}.active-push:active{transition:transform .1s;transform:scale(.98)}:root{--variant-split-ease:cubic-bezier(.4, 0, .2, 1);--variant-split-accent:var(--primary);--variant-split-zone-bg:#26262aeb;--variant-split-zone-border:#ffffff0a;--variant-split-zone-shadow:0 30px 60px -20px #0000008c, 0 0 90px 10px #ffdca00d}.variant-preview-region{isolation:isolate}.variant-preview-primary{transition:filter .2s var(--variant-split-ease)}.variant-preview-region.is-dragging .variant-preview-primary{filter:brightness(.92)saturate(.92)}.variant-preview-region.is-dragging iframe{pointer-events:none}.variant-preview-atmosphere{pointer-events:none;opacity:0;z-index:30;transition:opacity .2s var(--variant-split-ease);background:radial-gradient(60% 50%,#0000,#00000059);position:absolute;top:0;right:0;bottom:0;left:0}.variant-preview-region.is-dragging .variant-preview-atmosphere{opacity:1}.variant-drop-zones{pointer-events:none;z-index:50;position:absolute;top:16px;right:16px;bottom:16px;left:16px}.variant-drop-zone{background:var(--variant-split-zone-bg);border:1px solid var(--variant-split-zone-border);pointer-events:auto;opacity:0;filter:blur(12px);width:14%;min-width:130px;max-width:180px;box-shadow:var(--variant-split-zone-shadow);transition:opacity .32s var(--variant-split-ease),transform .32s var(--variant-split-ease),filter .32s var(--variant-split-ease),box-shadow .24s var(--variant-split-ease);border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:scale(.94)}.variant-drop-zone.is-left{left:8px}.variant-drop-zone.is-right{right:8px}.variant-drop-zones.is-visible .variant-drop-zone{opacity:1;filter:blur();transform:scale(1)}.variant-drop-zones.is-exiting .variant-drop-zone{opacity:0;filter:blur(8px);transition:opacity .2s var(--variant-split-ease),transform .2s var(--variant-split-ease),filter .2s var(--variant-split-ease);transform:scale(.97)}.variant-drop-zone.is-disabled{opacity:.6;filter:blur(2px)saturate(.6)}.variant-drop-zone-inner{opacity:0;filter:blur(4px);transition:opacity .22s var(--variant-split-ease),transform .22s var(--variant-split-ease),filter .22s var(--variant-split-ease);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(6px)}.variant-drop-zones.is-visible .variant-drop-zone-inner{opacity:1;filter:blur();transition-delay:.18s;transform:translateY(0)}.variant-drop-zone.is-hover .variant-drop-zone-caption{color:var(--variant-split-accent)}.variant-drop-zone-icon{border:1.5px solid #ffffff73;border-radius:6px;width:36px;height:28px;position:relative;overflow:hidden}.variant-drop-zone-icon:after{content:"";background:#ffffff73;width:1.5px;position:absolute;top:0;bottom:0}.variant-drop-zone-icon.is-left:after{left:11px}.variant-drop-zone-icon.is-right:after{right:11px}.variant-drop-zone-icon.is-left:before{content:"";background:#ffffff14;width:11px;position:absolute;top:0;bottom:0;left:0}.variant-drop-zone-icon.is-right:before{content:"";background:#ffffff14;width:11px;position:absolute;top:0;bottom:0;right:0}.variant-drop-zone.is-hover .variant-drop-zone-icon{border-color:var(--variant-split-accent)}.variant-drop-zone.is-hover .variant-drop-zone-icon:after,.variant-drop-zone.is-hover .variant-drop-zone-icon.is-left:before,.variant-drop-zone.is-hover .variant-drop-zone-icon.is-right:before{background:var(--variant-split-accent)}@supports (color:color-mix(in lab,red,red)){.variant-drop-zone.is-hover .variant-drop-zone-icon.is-left:before,.variant-drop-zone.is-hover .variant-drop-zone-icon.is-right:before{background:color-mix(in srgb,var(--variant-split-accent) 22%,transparent)}}.variant-drop-zone-caption{letter-spacing:.02em;color:#fff9;text-align:center;max-width:80%;font-size:11.5px;line-height:1.35}.variant-drop-zone-border{border:2px dashed var(--variant-split-accent);opacity:0;transition:opacity .24s var(--variant-split-ease);pointer-events:none;border-radius:10px;position:absolute;top:4px;right:4px;bottom:4px;left:4px}.variant-drop-zone.is-hover .variant-drop-zone-border{opacity:1}.variant-drop-zone-preview{display:none}.variant-split-secondary{border-left:1px solid var(--surface-2);background:var(--background);min-width:0;animation:variantSplitSecondaryEnter .42s var(--variant-split-ease) both;flex-direction:column;flex:1 1 0;display:flex;position:relative}.variant-preview-region.is-split>.variant-preview-row>.variant-preview-primary{border-right:1px solid var(--surface-2)}@keyframes variantSplitSecondaryEnter{0%{opacity:0}to{opacity:1}}.variant-split-secondary-toolbar{background:var(--background);border-bottom:1px solid var(--surface-2);color:#9ca3af;flex:0 0 32px;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-size:11.5px;display:flex}.variant-split-secondary-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.variant-drop-zone,.variant-drop-zone-inner,.variant-drop-zone-preview,.variant-drop-zone-border,.variant-preview-primary,.variant-preview-atmosphere,.variant-split-secondary{filter:none!important;transition-duration:80ms!important;animation-duration:80ms!important;transform:none!important}.variant-drop-zones.is-visible .variant-drop-zone-inner{transition-delay:0s}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes spinner-move{to{stroke-dashoffset:-100px}}@keyframes spinner-dash{0%,to{stroke-dasharray:15 85}50%{stroke-dasharray:40 60}}