:root {
	color-scheme: light dark;
}

.loom-main {
	margin-inline: auto;
	max-inline-size: 80rch;
}

.loom-form {
	line-height: 2em;

	fieldset {
		display: inline-block;
		margin-block-end: 8px;
	}

	input {
		field-sizing: content;
	}

	input[type="range"] {
		inline-size: min(100%, 100px);
	}

	textarea[name="input"] {
		box-sizing: border-box;
		field-sizing: content;
		min-inline-size: 100%;
	}

	output textarea {
		box-sizing: border-box;
		field-sizing: content;
		text-wrap: nowrap;
	}
}