Initial commit: img-infinite-canvas AI design workbench MVP

Moteva-style AI design workbench replica. Home prompt creates a project;
the project page provides an infinite canvas with node drag, zoom/pan,
a design chat panel, history replay, image asset upload, and project
save/regenerate.

- Backend: go-zero, DDD layering, sqlc/pgx, optional PostgreSQL; memory
  or Redis cache; asynq job queue; MinIO/S3/R2/OSS object storage;
  sky-valley/pi agent runtime adapter.
- Frontend: Next.js App Router + Vite artifact build, TypeScript, i18n,
  shadcn/ui components, auth (OTP/Turnstile/Google/WeChat).
- Deploy: Docker Compose and k3s manifests.

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

frontend/src/ui/components/CanvasWorkOverlay/index.css

@@ -0,0 +1,83 @@
+.canvas-work-overlay {
+  --canvas-work-ui-scale: 1;
+  --canvas-work-label-font: 18px;
+  --canvas-work-label-pad-x: 18px;
+  --canvas-work-label-pad-y: 8px;
+  --canvas-work-label-bottom: 18px;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  isolation: isolate;
+  container-type: inline-size;
+  background: #f5f6f8;
+}
+
+.canvas-work-overlay-media {
+  width: 100%;
+  height: 100%;
+  filter: blur(3.2px) saturate(0.9) contrast(0.97);
+  transform: scale(1.025);
+  transform-origin: center;
+}
+
+.canvas-work-overlay-media > * {
+  width: 100%;
+  height: 100%;
+}
+
+.canvas-work-overlay::before,
+.canvas-work-overlay::after {
+  content: "";
+  position: absolute;
+  pointer-events: none;
+}
+
+.canvas-work-overlay::before {
+  inset: -1px;
+  z-index: 1;
+  background: rgba(255, 255, 255, 0.42);
+  backdrop-filter: blur(5.2px);
+}
+
+.canvas-work-overlay::after {
+  top: -18%;
+  bottom: -18%;
+  left: -72%;
+  z-index: 2;
+  width: 58%;
+  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.14) 28%, rgba(255, 255, 255, 0.78) 50%, rgba(255, 255, 255, 0.14) 72%, transparent 100%);
+  transform: skewX(-14deg);
+  animation: canvas-work-wave 1.32s ease-in-out infinite;
+}
+
+.canvas-work-overlay-label {
+  position: absolute;
+  left: 50%;
+  bottom: calc(var(--canvas-work-label-bottom) * var(--canvas-work-ui-scale));
+  z-index: 3;
+  max-width: calc(100% - calc(40px * var(--canvas-work-ui-scale)));
+  min-width: calc(88px * var(--canvas-work-ui-scale));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: calc(var(--canvas-work-label-pad-y) * var(--canvas-work-ui-scale)) calc(var(--canvas-work-label-pad-x) * var(--canvas-work-ui-scale));
+  border-radius: 999px;
+  color: rgba(255, 255, 255, 0.94);
+  background: rgba(87, 94, 94, 0.5);
+  backdrop-filter: blur(12px);
+  overflow: hidden;
+  font-size: calc(var(--canvas-work-label-font) * var(--canvas-work-ui-scale));
+  font-weight: 520;
+  line-height: 1.1;
+  letter-spacing: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  transform: translateX(-50%);
+}
+
+@keyframes canvas-work-wave {
+  100% {
+    left: 114%;
+  }
+}