wip

playground/src/routes/+page.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import Header from '$lib/components/Header.svelte';
+	import Playground from '$lib/components/Playground.svelte';
+	import StatusBar from '$lib/components/StatusBar.svelte';
+</script>
+
+<div class="bg-background text-foreground flex min-h-screen flex-col">
+	<Header />
+	<Playground />
+	<StatusBar />
+</div>
+
+<style>
+	:global(body) {
+		margin: 0;
+		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+		background: white;
+	}
+
+	:global(*) {
+		box-sizing: border-box;
+	}
+
+	:global(textarea:focus) {
+		outline: none;
+	}
+
+	:global(pre) {
+		margin: 0;
+		font-family:
+			'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
+	}
+</style>