frame reference

frontend/src/lib/Frame.svelte

@@ -20,6 +20,7 @@
 			color: ${color};
 	`}
 >
+	<div class="small-frame z-0 flex relative" />
 	<LoadingIcon />
 	<h2 class="text-lg">Click to paint</h2>
 
@@ -31,4 +32,8 @@
 		@apply pointer-events-none touch-none absolute top-0 left-0 border-2 border-spacing-3 border-sky-500 w-[512px] h-[512px];
 		transform-origin: 0 0;
 	}
+	.small-frame {
+		@apply pointer-events-none touch-none absolute top-1/2  left-1/2 border-2 border-spacing-3 border-sky-500 w-[256px] h-[256px];
+		transform: translateX(-50%) translateY(-50%);
+	}
 </style>