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

.app { max-width: 860px; }

h2 {
	font-size: 1rem;
	margin: 14px 0 6px;
}

.row {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

label {
	display: grid;
	gap: 6px;
	font-size: .92rem;
	margin-top: 10px;
}

.buttons {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 12px;
}

.status { margin-top: 12px; }

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