.converter.tool {
	width: 640px;
	float: right;
	clear: both;
}

.converter .controls-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin: 6px 0;
}

.converter .controls-row label {
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.converter figure {
	margin: 0;
}

.converter canvas {
	width: 512px;
	display: block;
	margin: 0 auto;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

@media screen and (max-width: 896px) {
	.tool.converter {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}