.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
	font-size: 24px;
	line-height: 1.4;
}

input,
textarea {
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 1.4;
	border: 1px solid currentColor;
	padding: 8px;
	font-family: sans-serif;
}

.meta > * + * {
	margin-top: 16px;
}

input[type="submit"] {
	display: inline-block;
	cursor: pointer;
	background: none;
	width: auto;
}

input[type="submit"]:hover {
	background-color: gray;
}

#panel-container {
	grid-column: span 2;
	border: 1px solid currentColor;
}

.meta {
	grid-column: 1 / span 1;
}

.preview {
	position: absolute;
	top: 8px;
	left: 8px;
	opacity: 0.5;
}

main a {
	opacity: 0.5;
}

main a:hover {
	opacity: 1;
}