@media only screen and (max-width: 500px) {
	body {
		overflow-y: auto;
	}
	#menu-bar {
		justify-content: center;
	}
	.environment-wrap {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		margin: 10px auto;
	}
	.tool-bar {
		flex-direction: row;
		justify-content: center;
		margin: 0 auto;
	}
	.editor {
		min-height: 0;
		min-width: 0;
		width: 100%;
		height: 50vh;
		max-height: none;
		flex-grow: 0;
	}
	.environment-sidebar {
		width: 80%;
		gap: 15px;
	}
	.preview-state {
		display: none !important;
	}
	#grid-toggle {
		margin-top: 0;
		margin-left: 30px;
		font-size: 14px;
	}
	#footer-wrap {
		gap: 15px;
	}
}