.uc-avatar-maker-preview-frame {
	width: 220px;
	height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.uc-avatar-preview-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.uc-avatar-preview-title {
	font-size: 10px;
	font-weight: 700;
	color: #374151;
}

.uc-avatar-maker-preview-image {
	width: 220px;
	height: 220px;
}

@media (max-width: 920px) {
	.uc-avatar-preview-columns {
		grid-template-columns: 1fr;
	}
}

.uc-avatar-benchmark-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.uc-avatar-benchmark-card {
	border: 1px solid #d1d5db;
	background: #fff;
	padding: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.uc-avatar-benchmark-thumb {
	width: 72px;
	height: 72px;
	border: 1px solid #bdbdbd;
	background: #f3f4f6;
}

.uc-avatar-benchmark-name {
	font-weight: 700;
	color: #991b1b;
	text-align: center;
	line-height: 1.2;
}

@media (max-width: 480px) {
	.uc-avatar-benchmark-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}