/*
 * TheDesizn Tools — QR Generator Styles
 */

.tdz-qr-textarea {
	resize: vertical;
	min-height: 80px;
	font-family: var(--tdz-font);
}

.tdz-qr-charcount {
	font-size: 0.8rem;
	color: var(--tdz-text-muted);
	display: block;
	margin-top: 4px;
}

.tdz-qr-color {
	width: 56px;
	height: 40px;
	padding: 2px 4px;
	border: 1.5px solid var(--tdz-border);
	border-radius: var(--tdz-border-radius-sm);
	cursor: pointer;
	background: none;
}

.tdz-qr-result {
	text-align: center;
	padding: 32px 0;
}

.tdz-qr-canvas {
	display: inline-block;
	border: 1px solid var(--tdz-border);
	border-radius: 8px;
	box-shadow: var(--tdz-shadow);
	max-width: 100%;
	height: auto;
}

.tdz-qr-version-info {
	margin-top: 12px;
	font-size: 0.8rem;
	color: var(--tdz-text-muted);
}