.snd-word-tool,
.snd-word-tool * {
	box-sizing: border-box;
}

.snd-word-tool {
	--snd-word-text: #15211c;
	--snd-word-muted: #68756f;
	--snd-word-green: #176b51;
	--snd-word-green-dark: #10543f;
	--snd-word-green-soft: #eaf5f0;
	--snd-word-blue: #416e83;
	--snd-word-blue-soft: #edf4f7;
	--snd-word-border: #e0e7e3;
	--snd-word-bg: #f7f9f7;
	width: 100%;
	color: var(--snd-word-text);
}

.snd-word-tool .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.snd-word-tool__header {
	margin-bottom: 25px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 35px;
}

.snd-word-tool__header > div {
	max-width: 720px;
}

.snd-word-tool__eyebrow {
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--snd-word-green);
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .85px;
	text-transform: uppercase;
}

.snd-word-tool__eyebrow::before {
	content: "";
	width: 22px;
	height: 1px;
	background: currentColor;
}

.snd-word-tool__title {
	margin: 0 !important;
	color: var(--snd-word-text) !important;
	font-size: clamp(28px, 3vw, 39px) !important;
	line-height: 1.16 !important;
	font-weight: 700 !important;
	letter-spacing: -1.2px !important;
}

.snd-word-tool__intro {
	max-width: 660px;
	margin: 11px 0 0 !important;
	color: var(--snd-word-muted) !important;
	font-size: 12px !important;
	line-height: 1.7 !important;
}

.snd-word-tool__privacy {
	flex: 0 0 auto;
	padding: 9px 11px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--snd-word-green);
	background: var(--snd-word-green-soft);
	border: 1px solid #d7e8df;
	border-radius: 999px;
	font-size: 9px;
	line-height: 1;
	font-weight: 700;
}

.snd-word-tool__privacy svg {
	width: 15px;
	height: 15px;
}

.snd-word-tool__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
	gap: 15px;
}

.snd-word-editor,
.snd-word-results {
	padding: 22px;
	background: #fff;
	border: 1px solid var(--snd-word-border);
	border-radius: 17px;
	box-shadow: 0 8px 25px rgba(26, 46, 37, .025);
}

.snd-word-editor__top,
.snd-word-results__top {
	min-height: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.snd-word-editor__top > strong,
.snd-word-results__top > strong {
	color: var(--snd-word-text);
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
}

.snd-word-results__top > strong {
	font-size: 14px;
}

.snd-word-editor__actions {
	display: flex;
	align-items: center;
	gap: 5px;
}

.snd-word-editor__actions button,
.snd-word-results__top button {
	min-height: 29px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #68756f;
	background: #f4f6f5;
	border: 0;
	border-radius: 7px;
	font: inherit;
	font-size: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: color .2s ease, background-color .2s ease;
}

.snd-word-editor__actions button:hover,
.snd-word-editor__actions button:focus-visible,
.snd-word-results__top button:hover,
.snd-word-results__top button:focus-visible {
	color: var(--snd-word-green);
	background: var(--snd-word-green-soft);
}

.snd-word-editor__actions button.is-copied,
.snd-word-results__top button.is-copied {
	color: #fff;
	background: var(--snd-word-green);
}

.snd-word-editor__actions svg,
.snd-word-results__top svg {
	width: 13px;
	height: 13px;
}

.snd-word-results__top button {
	min-height: 33px;
	padding: 0 10px;
	font-size: 10px;
}

.snd-word-results__top button svg {
	width: 15px;
	height: 15px;
}

.snd-word-textarea-wrap {
	margin-top: 17px;
	display: block;
}

.snd-word-textarea-wrap textarea {
	width: 100%;
	min-height: 375px;
	margin: 0 !important;
	padding: 17px !important;
	color: var(--snd-word-text) !important;
	background: #fbfcfb !important;
	border: 1px solid #dce5e0 !important;
	border-radius: 11px !important;
	outline: 0;
	box-shadow: none !important;
	font: inherit;
	font-size: 12px;
	line-height: 1.75;
	resize: vertical;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.snd-word-textarea-wrap textarea::placeholder {
	color: #98a29d;
	opacity: 1;
}

.snd-word-textarea-wrap textarea:focus {
	border-color: var(--snd-word-green) !important;
	box-shadow: 0 0 0 3px rgba(23, 107, 81, .075) !important;
}

.snd-word-editor__footer {
	min-height: 28px;
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	color: #849089;
	font-size: 8px;
	line-height: 1.4;
	font-weight: 600;
}

.snd-word-editor__status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.snd-word-editor__status i {
	width: 6px;
	height: 6px;
	display: block;
	background: var(--snd-word-green);
	border-radius: 50%;
}

.snd-word-stat-grid {
	margin-top: 17px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.snd-word-tool .snd-word-stat {
	min-height: 82px;
	padding: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: #f8faf9;
	border: 1px solid #e6ece8;
	border-radius: 10px;
}

.snd-word-tool .snd-word-stat--primary {
	background: var(--snd-word-green-soft);
	border-color: #d5e7de;
}

.snd-word-tool .snd-word-stat span {
	max-width: 120px;
	color: #69766f;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 600;
}

.snd-word-tool .snd-word-stat strong {
	color: var(--snd-word-text);
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -.4px;
	white-space: nowrap;
}

.snd-word-tool .snd-word-stat--primary strong {
	color: var(--snd-word-green);
}

.snd-word-frequency {
	margin-top: 10px;
	padding: 15px;
	background: #f8faf9;
	border: 1px solid #e6ece8;
	border-radius: 10px;
}

.snd-word-frequency__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.snd-word-frequency__heading strong {
	color: #34433c;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 700;
}

.snd-word-frequency__heading small {
	color: #8a958f;
	font-size: 9px;
	line-height: 1.4;
}

.snd-word-frequency__list {
	min-height: 42px;
	margin-top: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.snd-word-frequency__empty {
	color: #8a958f;
	font-size: 10px;
	line-height: 1.4;
}

.snd-word-frequency__item {
	min-height: 32px;
	padding: 0 11px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #45534c;
	background: #fff;
	border: 1px solid #e0e7e3;
	border-radius: 999px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
}

.snd-word-frequency__item strong {
	color: var(--snd-word-green);
	font-size: 10px;
}

.snd-word-tool button:focus-visible,
.snd-word-tool textarea:focus-visible {
	outline: 2px solid var(--snd-word-green);
	outline-offset: 2px;
}

@media (max-width: 920px) {
	.snd-word-tool__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 650px) {
	.snd-word-tool__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.snd-word-editor,
	.snd-word-results {
		padding: 17px;
		border-radius: 14px;
	}

	.snd-word-textarea-wrap textarea {
		min-height: 315px;
	}
}

@media (max-width: 460px) {
	.snd-word-editor__top,
	.snd-word-results__top {
		align-items: flex-start;
		flex-direction: column;
	}

	.snd-word-editor__actions {
		width: 100%;
	}

	.snd-word-editor__actions button {
		flex: 1;
		justify-content: center;
	}

	.snd-word-stat-grid {
		grid-template-columns: 1fr;
	}

	.snd-word-editor__footer,
	.snd-word-frequency__heading {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.snd-word-tool *,
	.snd-word-tool *::before,
	.snd-word-tool *::after {
		transition: none !important;
	}
}