@media (min-width: 721px) {
	.content {
		height: 100vh;
		min-height: 0;
		align-items: stretch;
		overflow: hidden;
	}

	.content-center {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
	}

	.content-section {
		display: flex;
		flex: 1;
		flex-direction: column;
		min-height: 0;
		margin-bottom: 0;
	}

	.content-section-body {
		display: flex;
		flex: 1;
		flex-direction: column;
		min-height: 0;
	}

	.stage {
		display: flex;
		flex: 1;
		flex-direction: column;
		min-height: 0;
	}

	.grid {
		flex: 1;
		min-height: 0;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid .item {
		height: 100%;
		min-height: 0;
	}

	.grid .plane {
		flex: 1;
		aspect-ratio: auto;
		min-height: 0;
	}
}

.range-control {
	display: flex;
	flex-direction: column;
	gap: 0.4em;
}

.range-control input {
	width: 100%;
}