---
import Layout from '../../layouts/Layout.astro'
---

<Layout title='Visual Gen'>
	<div class='container'>
		<div id='canvas'></div>
	</div>
</Layout>
<style lang='scss'>
	.container {
		width: 100%;
		height: 100%;
		max-height: 100vh;
	}
	#canvas {
		max-width: 100%;
		box-sizing: border-box;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: auto;
		max-height: 80vh;
		object-fit: contain;
		> * {
			object-fit: contain;
			border: 3px solid #333;
		}
	}
</style>

<script>
	import './gen'
</script>