image-sprout 1.0.2 → 1.2.0

package/dist/cli/index.js

@@ -5,11 +5,14 @@ import path from "node:path";
 import { createServer } from "node:http";
 import { fileURLToPath } from "node:url";
 const OPENROUTER_URL = "https://openrouter.ai/api/v1/chat/completions";
-const ANALYSIS_MODEL = "google/gemini-3.1-flash-image-preview";
+const DEFAULT_ANALYSIS_MODEL = "google/gemini-3.1-flash-image-preview";
 const REFERER = "https://image-sprout.app";
 const OPENAI_SIZE_MAP = {
   "1:1": "1024x1024",
+  "4:3": "1536x1024",
+  "3:2": "1536x1024",
   "16:9": "1536x1024",
+  "4:5": "1024x1536",
   "9:16": "1024x1536"
 };
 const MAX_REFERENCE_IMAGES = 14;
@@ -168,7 +171,7 @@ async function generateImages(request, apiKey, signal) {
     };
   });
 }
-async function analyzeReferenceImages(imageDataUrls, apiKey, signal) {
+async function analyzeReferenceImages(imageDataUrls, apiKey, signal, analysisModel) {
   validateApiKey(apiKey);
   const cappedImageUrls = capImages(imageDataUrls);
   const imageParts = buildImageParts(cappedImageUrls);
@@ -187,18 +190,21 @@ visualStyle: Describe ONLY the visual rendering style. Cover color palette, line
 subjectGuide: Describe ONLY the recurring subject(s) that appear across images — their physical design, proportions, distinguishing features, and general personality or tone. Focus on who or what should stay consistent across generations. Exclude rendering style, medium, palette, composition, lighting, and other art-direction details, even if they are prominent in the images. Do NOT list specific scenes, actions, settings, or scenarios from the images. These will be provided separately by the user for each new image.`
   };
   const content = [...imageParts, textPart];
-  const responseData = await sendRequest(content, ["text"], apiKey, ANALYSIS_MODEL, void 0);
+  const responseData = await sendRequest(content, ["text"], apiKey, analysisModel ?? DEFAULT_ANALYSIS_MODEL, void 0);
   const text = extractTextFromResponse(responseData);
   if (!text) {
     throw new Error("No text response received from reference image analysis");
   }
+  const jsonMatch = text.match(/\{[\s\S]*\}/);
+  const jsonCandidate = jsonMatch ? jsonMatch[0] : text;
   try {
-    const parsed = JSON.parse(text);
+    const parsed = JSON.parse(jsonCandidate);
     return {
       visualStyle: sanitizeGuideText(parsed.visualStyle ?? parsed.styleDescription ?? ""),
       subjectGuide: sanitizeGuideText(parsed.subjectGuide ?? parsed.coreInstruction ?? "")
     };
   } catch {
+    console.warn("Warning: analysis model returned non-JSON response; using raw text as visualStyle");
     return { visualStyle: sanitizeGuideText(text), subjectGuide: "" };
   }
 }
@@ -220,7 +226,8 @@ const BUILTIN_IMAGE_MODELS = [
   }
 ];
 const DEFAULT_MODEL = BUILTIN_IMAGE_MODELS[0].id;
-const SUPPORTED_IMAGE_COUNTS = [2, 4, 6];
+const SIZE_PRESETS = ["1:1", "4:3", "3:2", "16:9", "4:5", "9:16"];
+const SUPPORTED_IMAGE_COUNTS = [1, 2, 4, 6];
 const EXIT_CODES = {
   SUCCESS: 0,
   NOT_FOUND: 1,
@@ -385,14 +392,18 @@ function parseBoolean(input, key) {
 const QUICK_HELP = `image-sprout <command> [options]
 
 Commands:
-  project   Manage projects and generation workflow
-  ref       Manage project reference images
-  session   Inspect project sessions
-  run       Inspect saved runs
-  model     Manage available image models
-  config    Manage local configuration
-  web       Launch the interactive local web app
-  help      Show command help
+  project    Manage projects and generation workflow
+  ref        Manage project reference images
+  session    Inspect project sessions
+  run        Inspect saved runs
+  model      Manage available image models
+  config     Manage local configuration
+  web        Launch the interactive local web app
+  help       Show command help
+
+Aliases:
+  generate   Shorthand for: project generate
+  analyze    Shorthand for: project derive
 
 Options:
   --json       Output JSON
@@ -438,16 +449,18 @@ Alias for:
 const GENERATE_HELP = `image-sprout generate [--project <name-or-id>] --prompt <text>|--prompt-file <path> [options]
 
 Alias for:
-  image-sprout project generate <project> --prompt <text>|--prompt-file <path> [--session <id>] [--feedback <text>] [--model <id>] [--size <16:9|1:1|9:16>] [--count <2|4|6>] [--force]`;
+  image-sprout project generate <project> --prompt <text>|--prompt-file <path> [--session <id>] [--feedback <text>] [--model <id>] [--size <1:1|4:3|3:2|16:9|4:5|9:16>] [--count <1|2|4|6>] [--force]`;
 const SESSION_HELP = `image-sprout session <subcommand> [options]
 
 Subcommands:
   list       List sessions for a project
   show       Show one session
+  delete     Delete a session and its runs
 
 Examples:
   image-sprout session list --project comic-hero
-  image-sprout session show --project comic-hero <session-id>`;
+  image-sprout session show --project comic-hero <session-id>
+  image-sprout session delete --project comic-hero <session-id>`;
 const RUN_HELP = `image-sprout run <subcommand> [options]
 
 Subcommands:
@@ -459,9 +472,13 @@ Examples:
   image-sprout run list --project comic-hero --limit 5
   image-sprout run latest --project comic-hero
   image-sprout run show --project comic-hero <run-id>`;
-const WEB_HELP = `image-sprout web [--port <number>]
+const WEB_HELP = `image-sprout web [--port <number>] [--open]
+
+Launch the interactive local web app against the shared on-disk project store.
 
-Launch the interactive local web app against the shared on-disk project store.`;
+Options:
+  --port <number>  Port to listen on (default: 4310)
+  --open           Open the app in the default browser`;
 const MODELS_HELP = `image-sprout model <subcommand> [options]
 
 Subcommands:
@@ -784,7 +801,7 @@ function restoreDefaultModels() {
   writeRegistry(registry);
   return registry;
 }
-const CONFIG_KEYS = /* @__PURE__ */ new Set(["apiKey", "model", "sizePreset", "imageCount"]);
+const CONFIG_KEYS = /* @__PURE__ */ new Set(["apiKey", "model", "sizePreset", "imageCount", "analysisModel"]);
 function defaultConfig() {
   return {
     apiKey: "",
@@ -825,9 +842,9 @@ function readConfig() {
     writeConfig(healed);
     return healed;
   }
-  if (!["16:9", "1:1", "9:16"].includes(config.sizePreset)) {
+  if (!SIZE_PRESETS.includes(config.sizePreset)) {
     throw new CliError("CONFIG_ERROR", `Invalid configured sizePreset: ${String(config.sizePreset)}`, [
-      "Use one of: 16:9, 1:1, 9:16"
+      `Use one of: ${SIZE_PRESETS.join(", ")}`
     ]);
   }
   if (!SUPPORTED_IMAGE_COUNTS.includes(config.imageCount)) {
@@ -856,7 +873,7 @@ function normalizeKey(input) {
     return mapped;
   }
   throw new CliError("INVALID_ARGS", `Unknown config key: ${input}`, [
-    "Valid keys: apiKey, model, sizePreset, imageCount"
+    "Valid keys: apiKey, model, sizePreset, imageCount, analysisModel"
   ]);
 }
 function validateSetValue(key, rawValue) {
@@ -872,9 +889,9 @@ function validateSetValue(key, rawValue) {
       return rawValue;
     }
     case "sizePreset": {
-      if (rawValue !== "16:9" && rawValue !== "1:1" && rawValue !== "9:16") {
+      if (!SIZE_PRESETS.includes(rawValue)) {
         throw new CliError("INVALID_ARGS", `Invalid size preset: ${rawValue}`, [
-          "Use one of: 16:9, 1:1, 9:16"
+          `Use one of: ${SIZE_PRESETS.join(", ")}`
         ]);
       }
       return rawValue;
@@ -882,12 +899,19 @@ function validateSetValue(key, rawValue) {
     case "imageCount": {
       const value = Number(rawValue);
       if (!SUPPORTED_IMAGE_COUNTS.includes(value)) {
-        throw new CliError("INVALID_ARGS", "imageCount must be one of: 2, 4, 6", [
+        throw new CliError("INVALID_ARGS", `imageCount must be one of: ${SUPPORTED_IMAGE_COUNTS.join(", ")}`, [
           "Example: image-sprout config set imageCount 4"
         ]);
       }
       return value;
     }
+    case "analysisModel": {
+      const trimmed = rawValue.trim();
+      if (!trimmed) {
+        throw new CliError("INVALID_ARGS", "analysisModel must be a non-empty model ID");
+      }
+      return trimmed;
+    }
     default:
       throw new CliError("INVALID_ARGS", `Unsupported config key: ${String(key)}`);
   }
@@ -903,7 +927,8 @@ function publicConfig(config) {
     apiKeyConfigured: config.apiKey.trim().length > 0,
     model: config.model,
     sizePreset: config.sizePreset,
-    imageCount: config.imageCount
+    imageCount: config.imageCount,
+    ...config.analysisModel ? { analysisModel: config.analysisModel } : {}
   };
 }
 function updateConfig(changes) {
@@ -1666,10 +1691,18 @@ function sendJson(res, status, payload) {
   res.writeHead(status, { "Content-Type": "application/json" });
   res.end(JSON.stringify(payload));
 }
+const CLI_ERROR_TO_HTTP = {
+  NOT_FOUND: 404,
+  AUTH_REQUIRED: 401,
+  API_ERROR: 502,
+  IO_ERROR: 500,
+  INTERNAL_ERROR: 500,
+  PROJECT_NOT_READY: 409
+};
 function toApiErrorResponse(error) {
   if (error instanceof CliError) {
     return {
-      status: error.exitCode === 1 ? 404 : 400,
+      status: CLI_ERROR_TO_HTTP[error.code] ?? 400,
       payload: {
         error: {
           code: error.code,
@@ -1961,6 +1994,7 @@ async function routeApiRequest(method, urlInput, body = {}) {
       const requestBody = body;
       const target = parseTarget(requestBody.target);
       const persist = requestBody.persist !== false;
+      const analysisModel = config.analysisModel;
       const styleRefs = target === "subject" ? [] : getProjectReferenceDataUrlsByTarget(projectId, "style");
       const subjectRefs = target === "style" ? [] : getProjectReferenceDataUrlsByTarget(projectId, "subject");
       if (target === "both" && (styleRefs.length === 0 || subjectRefs.length === 0)) {
@@ -1975,18 +2009,22 @@ async function routeApiRequest(method, urlInput, body = {}) {
       let visualStyle;
       let subjectGuide;
       if (target === "both" && JSON.stringify(styleRefs) === JSON.stringify(subjectRefs)) {
-        const result = await analyzeReferenceImages(styleRefs, apiKey);
+        const result = await analyzeReferenceImages(styleRefs, apiKey, void 0, analysisModel);
         visualStyle = result.visualStyle;
         subjectGuide = result.subjectGuide;
+      } else if (target === "both") {
+        const [styleResult, subjectResult] = await Promise.all([
+          analyzeReferenceImages(styleRefs, apiKey, void 0, analysisModel),
+          analyzeReferenceImages(subjectRefs, apiKey, void 0, analysisModel)
+        ]);
+        visualStyle = styleResult.visualStyle;
+        subjectGuide = subjectResult.subjectGuide;
+      } else if (target === "style") {
+        const result = await analyzeReferenceImages(styleRefs, apiKey, void 0, analysisModel);
+        visualStyle = result.visualStyle;
       } else {
-        if (target === "style" || target === "both") {
-          const result = await analyzeReferenceImages(styleRefs, apiKey);
-          visualStyle = result.visualStyle;
-        }
-        if (target === "subject" || target === "both") {
-          const result = await analyzeReferenceImages(subjectRefs, apiKey);
-          subjectGuide = result.subjectGuide;
-        }
+        const result = await analyzeReferenceImages(subjectRefs, apiKey, void 0, analysisModel);
+        subjectGuide = result.subjectGuide;
       }
       if (persist) {
         updateProjectGuides(projectId, {
@@ -1994,7 +2032,7 @@ async function routeApiRequest(method, urlInput, body = {}) {
           ...subjectGuide !== void 0 ? { subjectGuide } : {}
         });
       }
-      const status = persist ? getProjectStatus(projectId) : getProjectStatus(projectId);
+      const status = getProjectStatus(projectId);
       const project = showProject(projectId);
       return {
         status: 200,
@@ -2121,8 +2159,8 @@ async function startWebServer(options = {}) {
 }
 const GLOBAL_OPTIONS = /* @__PURE__ */ new Set(["json", "text", "help", "version", "value", "ids", "limit"]);
 function resolveVersion() {
-  if ("1.0.1".length > 0) {
-    return "1.0.1";
+  if ("1.2.0".length > 0) {
+    return "1.2.0";
   }
   return process.env.npm_package_version ?? "0.0.0";
 }
@@ -2304,10 +2342,10 @@ function parseSize(input, fallback) {
   if (!input) {
     return fallback;
   }
-  if (input === "16:9" || input === "1:1" || input === "9:16") {
+  if (SIZE_PRESETS.includes(input)) {
     return input;
   }
-  throw new CliError("INVALID_ARGS", `Invalid size: ${input}`, ["Use one of: 16:9, 1:1, 9:16"]);
+  throw new CliError("INVALID_ARGS", `Invalid size: ${input}`, [`Use one of: ${SIZE_PRESETS.join(", ")}`]);
 }
 function parseCount(input, fallback) {
   if (!input) {
@@ -2315,7 +2353,7 @@ function parseCount(input, fallback) {
   }
   const value = Number(input);
   if (!SUPPORTED_IMAGE_COUNTS.includes(value)) {
-    throw new CliError("INVALID_ARGS", "count must be one of: 2, 4, 6", [
+    throw new CliError("INVALID_ARGS", `count must be one of: ${SUPPORTED_IMAGE_COUNTS.join(", ")}`, [
       "Example: image-sprout generate --count 4 ..."
     ]);
   }
@@ -2608,10 +2646,12 @@ function runRef(ctx, args, positionals) {
   }
 }
 async function runProjectDerive(ctx, args, projectInput) {
-  assertOnlyOptions(args, /* @__PURE__ */ new Set(["project", "api-key", "target"]));
+  assertOnlyOptions(args, /* @__PURE__ */ new Set(["project", "api-key", "target", "analysis-model"]));
+  const config = readConfig();
   const projectId = resolveProjectId(projectInput ?? projectFlag(args));
   const apiKey = requireApiKey(getStringOption(args, "api-key"));
   const target = parseDeriveTarget(getStringOption(args, "target"));
+  const analysisModel = getStringOption(args, "analysis-model") ?? config.analysisModel;
   const styleRefDataUrls = target === "subject" ? [] : getProjectReferenceDataUrlsByTarget(projectId, "style");
   const subjectRefDataUrls = target === "style" ? [] : getProjectReferenceDataUrlsByTarget(projectId, "subject");
   if (target === "style" && styleRefDataUrls.length === 0) {
@@ -2636,18 +2676,22 @@ async function runProjectDerive(ctx, args, projectInput) {
   let nextStyle;
   let nextSubject;
   if (target === "both" && JSON.stringify(styleRefDataUrls) === JSON.stringify(subjectRefDataUrls)) {
-    const analysis = await analyzeReferenceImages(styleRefDataUrls, apiKey);
+    const analysis = await analyzeReferenceImages(styleRefDataUrls, apiKey, void 0, analysisModel);
     nextStyle = analysis.visualStyle;
     nextSubject = analysis.subjectGuide;
+  } else if (target === "both") {
+    const [styleAnalysis, subjectAnalysis] = await Promise.all([
+      analyzeReferenceImages(styleRefDataUrls, apiKey, void 0, analysisModel),
+      analyzeReferenceImages(subjectRefDataUrls, apiKey, void 0, analysisModel)
+    ]);
+    nextStyle = styleAnalysis.visualStyle;
+    nextSubject = subjectAnalysis.subjectGuide;
+  } else if (target === "style") {
+    const analysis = await analyzeReferenceImages(styleRefDataUrls, apiKey, void 0, analysisModel);
+    nextStyle = analysis.visualStyle;
   } else {
-    if (target === "style" || target === "both") {
-      const analysis = await analyzeReferenceImages(styleRefDataUrls, apiKey);
-      nextStyle = analysis.visualStyle;
-    }
-    if (target === "subject" || target === "both") {
-      const analysis = await analyzeReferenceImages(subjectRefDataUrls, apiKey);
-      nextSubject = analysis.subjectGuide;
-    }
+    const analysis = await analyzeReferenceImages(subjectRefDataUrls, apiKey, void 0, analysisModel);
+    nextSubject = analysis.subjectGuide;
   }
   updateProjectGuides(projectId, {
     ...nextStyle !== void 0 ? { visualStyle: nextStyle } : {},
@@ -2758,7 +2802,7 @@ async function runProjectGenerate(ctx, args, projectInput) {
 function runSessions(ctx, args, positionals) {
   assertOnlyOptions(args, /* @__PURE__ */ new Set(["project"]));
   const projectId = resolveProjectId(projectFlag(args));
-  const sub = requireSubcommand("session", positionals[1] ?? "list", ["list", "show"]);
+  const sub = requireSubcommand("session", positionals[1] ?? "list", ["list", "show", "delete"]);
   switch (sub) {
     case "list": {
       const data = limitItems(listSessions(projectId), ctx);
@@ -2787,6 +2831,15 @@ function runSessions(ctx, args, positionals) {
       });
       return;
     }
+    case "delete": {
+      const sessionId = positionals[2];
+      if (!sessionId) {
+        throw new CliError("INVALID_ARGS", "session delete requires <session-id>");
+      }
+      deleteSession(projectId, sessionId);
+      emitSuccess(ctx, { projectId, sessionId }, (payload) => `ok project=${payload.projectId} deleted=${payload.sessionId}`);
+      return;
+    }
   }
 }
 function runRuns(ctx, args, positionals) {
@@ -2944,13 +2997,17 @@ function runConfig(ctx, args, positionals) {
           config: data
         },
         (payload) => {
-          return [
+          const lines = [
             `ok path=${payload.path}`,
             `apiKey=${payload.config.apiKeyConfigured ? "[set]" : "[empty]"}`,
             `model=${payload.config.model}`,
             `sizePreset=${payload.config.sizePreset}`,
             `imageCount=${payload.config.imageCount}`
-          ].join("\n");
+          ];
+          if (payload.config.analysisModel) {
+            lines.push(`analysisModel=${payload.config.analysisModel}`);
+          }
+          return lines.join("\n");
         }
       );
       return;
@@ -3021,14 +3078,24 @@ function runHelp(ctx, target) {
 function runVersion(ctx) {
   emitSuccess(ctx, { version: ctx.version }, (payload) => payload.version);
 }
+async function openInBrowser(url) {
+  const { platform } = process;
+  const { exec } = await import("node:child_process");
+  const cmd = platform === "darwin" ? "open" : platform === "win32" ? "start" : "xdg-open";
+  exec(`${cmd} ${url}`);
+}
 async function runWeb(ctx, args) {
-  assertOnlyOptions(args, /* @__PURE__ */ new Set(["port"]));
+  assertOnlyOptions(args, /* @__PURE__ */ new Set(["port", "open"]));
   const rawPort = getStringOption(args, "port");
   const parsedPort = rawPort ? Number(rawPort) : void 0;
   if (rawPort && (parsedPort === void 0 || !Number.isInteger(parsedPort) || parsedPort < 1 || parsedPort > 65535)) {
     throw new CliError("INVALID_ARGS", `Invalid port: ${rawPort}`);
   }
+  const shouldOpen = getBooleanOption(args, "open") === true;
   const server = await startWebServer({ port: parsedPort });
+  if (shouldOpen) {
+    await openInBrowser(server.url);
+  }
   emitSuccess(ctx, server, (payload) => `ok url=${payload.url}`);
 }
 async function dispatch(args, ctx) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "image-sprout",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "type": "module",
   "bin": {
     "image-sprout": "dist/cli/index.js"
@@ -8,6 +8,10 @@
   "files": [
     "dist/"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tmchow/image-sprout"
+  },
   "publishConfig": {
     "access": "public"
   },

package/dist/app/assets/index-C7ombVWN.css

@@ -1 +0,0 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--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-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-300:oklch(87.1% .15 154.449);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-400:oklch(74.6% .16 232.661);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--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;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--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);--color-accent-50:#eef2ff;--color-accent-500:#6366f1;--color-accent-600:#4f46e5;--color-accent-700:#4338ca}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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{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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:calc(var(--spacing) * 0)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.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}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.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-10{height:calc(var(--spacing) * 10)}.h-\[44px\]{height:44px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-screen{min-height:100vh}.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-10{width:calc(var(--spacing) * 10)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}: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)))}.self-start{align-self:flex-start}.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-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.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-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent-500{border-color:var(--color-accent-500)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-400{border-color:var(--color-amber-400)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-red-200{border-color:var(--color-red-200)}.border-sky-400{border-color:var(--color-sky-400)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-t-indigo-600{border-top-color:var(--color-indigo-600)}.bg-accent-50{background-color:var(--color-accent-50)}.bg-accent-600{background-color:var(--color-accent-600)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/70{background-color:color-mix(in oklab,var(--color-amber-50) 70%,transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.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\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,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-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-sky-50\/80{background-color:#f0f9ffcc}@supports (color:color-mix(in lab,red,red)){.bg-sky-50\/80{background-color:color-mix(in oklab,var(--color-sky-50) 80%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/75{background-color:#020618bf}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/75{background-color:color-mix(in oklab,var(--color-slate-950) 75%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/96{background-color:#fffffff5}@supports (color:color-mix(in lab,red,red)){.bg-white\/96{background-color:color-mix(in oklab,var(--color-white) 96%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(180deg\,\#fffdf7_0\%\,\#ffffff_18\%\,\#f8fafc_100\%\)\]{background-image:linear-gradient(#fffdf7,#fff 18%,#f8fafc)}.bg-\[url\(\'data\:image\/svg\+xml\;charset\=utf-8\,\%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20width\%3D\%2212\%22\%20height\%3D\%2212\%22\%20viewBox\%3D\%220\%200\%2024\%2024\%22\%20fill\%3D\%22none\%22\%20stroke\%3D\%22\%2364748b\%22\%20stroke-width\%3D\%222\%22\%3E\%3Cpath\%20d\%3D\%22M6\%209l6\%206\%206-6\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E)}.from-slate-200{--tw-gradient-from:var(--color-slate-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-slate-100{--tw-gradient-via:var(--color-slate-100);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-slate-200{--tw-gradient-to:var(--color-slate-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:12px\]{background-size:12px}.bg-\[right_8px_center\]{background-position:right 8px center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.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)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-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-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}.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\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-600{color:var(--color-accent-600)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-300{color:var(--color-green-300)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-red-300{color:var(--color-red-300)}.text-red-600{color:var(--color-red-600)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-amber-300{-webkit-text-decoration-color:var(--color-amber-300);text-decoration-color:var(--color-amber-300)}.underline-offset-2{text-underline-offset:2px}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.opacity-0{opacity:0}.opacity-45{opacity:.45}.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-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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.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-indigo-600{--tw-ring-color:var(--color-indigo-600)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media(hover:hover){.group-hover\:text-slate-700:is(:where(.group):hover *){color:var(--color-slate-700)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media(hover:hover){.hover\:border-amber-400:hover{border-color:var(--color-amber-400)}.hover\:bg-accent-700:hover{background-color:var(--color-accent-700)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-black\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/70:hover{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/40:hover{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/40:hover{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:text-accent-600:hover{color:var(--color-accent-600)}.hover\:text-accent-700:hover{color:var(--color-accent-700)}.hover\:text-amber-600:hover{color:var(--color-amber-600)}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}}.focus\:border-amber-500:focus{border-color:var(--color-amber-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-transparent:focus{border-color:#0000}.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-2:focus{--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)}.focus\:ring-accent-500:focus{--tw-ring-color:var(--color-accent-500)}.focus\:ring-amber-500:focus{--tw-ring-color:var(--color-amber-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1\.8fr_1fr_auto\]{grid-template-columns:1.8fr 1fr auto}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#app{width:100%;min-height:100vh}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}