Initial commit: AI-driven visual novel scaffold

- Monorepo (pnpm workspace): apps/web + packages/{types,ai-client,engine}
- Next.js 16 web app with three-stage AI orchestration
- Three independently configurable providers: text LLM, image generator, vision model
- Warm minimalist editorial UI design
- One-click Vercel deploy ready

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/app/new/page.tsx

@@ -0,0 +1,58 @@
+import Link from "next/link";
+import { CustomForm } from "@/components/CustomForm";
+
+export default function NewPage() {
+  return (
+    <div className="min-h-screen flex flex-col">
+      <header className="px-6 md:px-16 pt-7 md:pt-10 flex items-center justify-between">
+        <Link
+          href="/"
+          className="text-[10px] smallcaps text-clay-700 hover:text-clay-900 transition-colors flex items-center gap-2"
+        >
+          <i className="fa-solid fa-arrow-left text-[9px]" />
+          Dada
+        </Link>
+        <span className="text-[10px] smallcaps text-clay-500">
+          Compose · a · world
+        </span>
+      </header>
+
+      <section className="px-6 md:px-16 pt-20 md:pt-32 pb-20 md:pb-24 flex-1">
+        <div className="grid grid-cols-12 gap-8 md:gap-16 max-w-6xl">
+          <div className="col-span-12 md:col-span-4 animate-fade-in">
+            <p className="text-[10px] smallcaps text-clay-500 mb-6">
+              Ⅳ · Untitled
+            </p>
+            <h1 className="font-serif text-[44px] md:text-[64px] text-clay-900 leading-[0.96] mb-8">
+              Write
+              <br />
+              <em className="italic text-clay-600">two</em>
+              <br />
+              paragraphs.
+            </h1>
+            <div className="hairline w-12 mb-6" />
+            <p className="font-serif text-base text-clay-700 leading-[1.7]">
+              The first sketches the world your story unfolds in. The second
+              describes how the world should look — its medium, its mood, its
+              grain.
+            </p>
+            <p className="font-serif italic text-sm text-clay-500 mt-5 leading-relaxed">
+              Both fields accept any language. Specificity rewards specificity.
+            </p>
+          </div>
+          <div className="col-span-12 md:col-span-7 md:col-start-6">
+            <CustomForm />
+          </div>
+        </div>
+      </section>
+
+      <footer className="px-6 md:px-16 pb-8">
+        <div className="hairline-full w-full mb-4" />
+        <div className="flex items-center justify-between text-[10px] smallcaps text-clay-500">
+          <span>MIT · MMXXVI</span>
+          <span className="num">Ⅰ · Ⅳ</span>
+        </div>
+      </footer>
+    </div>
+  );
+}