/*
 * TheDesizn Tools — Shared Text Tool Styles
 */

.tdz-tt-layout {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tdz-tt-input,
.tdz-tt-output {
	font-family: var(--tdz-font);
	font-size: 0.9375rem;
	line-height: 1.6;
	resize: vertical;
	min-height: 140px;
}

.tdz-tt-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 16px;
	background: var(--tdz-bg-alt);
	border: 1px solid var(--tdz-border);
	border-radius: var(--tdz-border-radius);
}

.tdz-stat-badge {
	background: var(--tdz-bg);
	border: 1px solid var(--tdz-border);
	border-radius: 100px;
	padding: 6px 16px;
	font-size: 0.875rem;
	color: var(--tdz-text);
}

.tdz-stat-badge b {
	color: var(--tdz-primary);
}

.tdz-tt-options {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.tdz-tt-case-btns,
.tdz-tt-format-btns,
.tdz-tt-dup-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}