We build whatyou needonline.

// @splot/core/engine.tsx
import { motion } from "framer-motion";
import { useSystemCore } from "@/hooks/system";

export function StudioRuntime({ config }: Props) {
  const { pipeline, latency } = useSystemCore();

  return (
    <StageViewport engine="splot.v2">
      <HeaderStack backdrop="blur(16px)">
        <BrandMark status="live" />
        <DeployStatus ping={latency} />
      </HeaderStack>

      <MotionCanvas
        layers={["design", "code"]}
        fps={120}
      />
    </StageViewport>
  );
}