.image-tagger.ImageApp {
	> .window-content {
		display: grid;
		grid-template-columns: 200px auto;
		grid-template-rows: auto auto;
	}

	header, footer {
		grid-column: 1 / -1;
	}

	.inputs {
		display: grid;
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
		grid-template-rows: repeat(3, min-content);
		align-self: start;
		gap: 16px 8px;

		label {
			align-self: end;
			height: var(--input-height);
			display: flex;
			align-items: center;
		}
	}

	.preview {
		width: 200px;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		align-self: center;

		img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

		.placeholder {
			font-style: italic;
			text-align: center;
		}
	}
}