Voxel rendering + refactor interactive canvas (#322)

* Add voxel rendering to density function preview

* InteractiveCanvas component

* Use interactive canvas for noise preview

* Use interactive canvas for noise settings preview

* Extract common iterateWorld2D logic

* Use InteractiveCanvas2D for biome source preview

* Display final density in noise settings preview hover

* Move remaining preview code

* Hide noise router info for checkerboard and fixed

* Add higher resolution biome map

* User interactive canvas for decorator preview

src/styles/global.css

@@ -326,6 +326,11 @@ main > .controls {
 	margin-right: 8px;
 }
 
+.preview-controls,
+.secondary-controls {
+	z-index: 1;
+}
+
 .secondary-controls {
 	margin-top: 40px;
 }
@@ -414,6 +419,7 @@ main > .controls {
 	outline: none;
 	resize: none;
 	position: static;
+	opacity: 0.9;
 	background-color: var(--background-2);
 	border-top-left-radius: 6px;
 	color: var(--text-1);
@@ -463,12 +469,34 @@ main.has-preview {
 	image-rendering: -webkit-crisp-edges;
 	image-rendering: crisp-edges;
 	image-rendering: pixelated;
+}
+
+.popup-preview canvas,
+.popup-preview .pixelated {
 	user-select: none;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 }
 
+.full-preview,
+.full-preview > canvas {
+	width: 100%;
+	height: 100%;
+}
+
+canvas.preview-details {
+	position: absolute;
+	top: 0;
+	left: 0;
+	pointer-events: none;
+	visibility: hidden;
+}
+
+canvas.preview-details.visible {
+	visibility: visible;
+}
+
 .popup-share {
 	position: fixed;
 	display: flex;