@import "../base64-tools/styles.css";

.app {
	max-width: 1100px;
}

.layout {
	margin-top: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.preview-wrap {
	border: 1px solid var(--line-soft);
	border-radius: 12px;
	min-height: 300px;
	display: grid;
	place-items: center;
	background: linear-gradient(170deg, #101b32, #0b1426);
}

#previewImage {
	max-width: 100%;
	max-height: 420px;
	display: block;
}

textarea {
	min-height: 300px;
}

@media (max-width: 900px) {
	.layout {
		grid-template-columns: 1fr;
	}
}