.hidden {
	display: none;
}

.gradient-builder {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-block: 1rem;
}

div:has(> input[type="radio"]) {
	display: flex;
	gap: 1ch;
}

#gradient-angle {
	margin-block-end: 1rem;
}

.color-row {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 8px;
}

.preview-box {
	margin-block: 1rem;
	font-weight: bold;
}