.eac-preset-importer {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 1rem;
	max-width: 820px;
	padding: 1.1rem;
	border: 1px solid #c7d2fe;
	border-radius: 12px;
	background: linear-gradient(135deg, #eef2ff 0%, #f8fafc 100%);
	color: #172033;
}

.eac-preset-importer__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #4338ca;
	color: #fff;
}

.eac-preset-importer__icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.eac-preset-importer__content > strong {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 1.05rem;
}

.eac-preset-importer__content > p {
	margin: 0 0 0.8rem;
	color: #526078;
}

.eac-preset-importer__controls {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.eac-preset-importer__controls .form-select {
	max-width: 360px;
}

.eac-preset-importer__description {
	min-height: 1.4em;
	margin-top: 0.65rem !important;
	font-size: 0.875rem;
}

.eac-preset-importer__status {
	min-height: 1.4em;
	font-size: 0.875rem;
	font-weight: 600;
}

.eac-preset-importer__status.is-success {
	color: #087443;
}

.eac-preset-importer__status.is-error {
	color: #b42318;
}

.eac-preset-importer [data-eac-preset-apply].is-loading {
	cursor: wait;
	opacity: 0.72;
}

@media (max-width: 640px) {
	.eac-preset-importer {
		grid-template-columns: 1fr;
	}

	.eac-preset-importer__controls {
		align-items: stretch;
		flex-direction: column;
	}

	.eac-preset-importer__controls .form-select {
		max-width: none;
	}
}