.uth-slug-wrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 720px;
}

.uth-slug-maxwords {
	max-width: 140px;
}

.uth-slug-result {
	border: 1px solid var(--uth-border);
	border-radius: 10px;
	padding: 16px;
	background: var(--uth-panel-bg, #fff);
}

.uth-slug-result__line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
}

.uth-slug-output {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 1.05rem;
	font-weight: 600;
	background: #f3f4f6;
	border: 1px solid var(--uth-border);
	border-radius: 8px;
	padding: 8px 12px;
	color: var(--uth-primary);
	word-break: break-word;
}

.uth-slug-preview {
	margin-top: 10px;
	font-size: 0.88rem;
	color: var(--uth-muted);
	word-break: break-word;
}

.uth-slug-preview span {
	color: var(--uth-primary);
	font-weight: 600;
}