.project-ai-word-export {
	--zt-word-ink: var(--ztm-text-primary);
	--zt-word-blue: var(--ztm-accent-solid);
	--zt-word-blue-soft: var(--ztm-accent-wash);
	--zt-word-paper: var(--ztm-bg-content);
	border: 0;
	box-shadow: var(--ztm-shadow-popover);
	overflow: hidden;
}

.project-ai-word-export::before {
	background: linear-gradient(90deg, var(--zt-word-blue) 0 28%, var(--ztm-accent-text) 28% 45%, var(--ztm-accent-wash) 45% 100%);
	content: "";
	display: block;
	height: .3rem;
}

.project-ai-word-export__header {
	align-items: flex-start;
	background:
		linear-gradient(118deg, var(--zt-word-blue-soft), transparent 55%),
		var(--zt-word-paper);
}

.project-ai-word-export__heading {
	align-items: center;
	display: flex;
	gap: 1rem;
	min-width: 0;
}

.project-ai-word-export__mark {
	align-items: center;
	background: var(--zt-word-blue);
	border-radius: .85rem .85rem .85rem .25rem;
	box-shadow: 0 .55rem 1.35rem color-mix(in srgb, var(--zt-word-blue) 25%, transparent);
	color: var(--bs-white);
	display: inline-flex;
	flex: 0 0 3rem;
	font-size: 1.35rem;
	height: 3rem;
	justify-content: center;
}

.project-ai-word-export__privacy-note {
	align-items: flex-start;
	background: var(--zt-word-paper);
	border: 1px solid color-mix(in srgb, var(--zt-word-blue) 16%, var(--bs-border-color));
	border-left: .25rem solid var(--zt-word-blue);
	border-radius: .45rem;
	display: flex;
	gap: .7rem;
	margin-bottom: 1.25rem;
	padding: .85rem 1rem;
}

.project-ai-word-export__privacy-note i {
	color: var(--zt-word-blue);
	font-size: 1.05rem;
	margin-top: .05rem;
}

.project-ai-word-export__fact {
	background: var(--zt-word-blue-soft);
	border: 1px solid color-mix(in srgb, var(--zt-word-blue) 18%, var(--bs-border-color));
	border-radius: .55rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	min-height: 3.7rem;
	padding: .6rem .85rem;
}

.project-ai-word-export__fact > span {
	color: var(--bs-secondary-color);
	font-size: .7rem;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.project-ai-word-export__fact strong {
	color: var(--zt-word-ink);
	font-size: .86rem;
	font-weight: 650;
}

.project-ai-word-export__status {
	color: var(--bs-secondary-color);
	font-size: .875rem;
	min-height: 1.35rem;
}

.project-ai-word-export__status[data-state="loading"]::before {
	animation: zt-word-export-pulse 1s ease-in-out infinite alternate;
	color: var(--zt-word-blue);
	content: "●";
	margin-right: .45rem;
}

.project-ai-word-export__status[data-state="error"] {
	color: var(--bs-danger);
}

.project-ai-word-export__status[data-state="success"] {
	color: var(--bs-success);
}

.project-ai-word-export__result {
	align-items: center;
	background: color-mix(in srgb, var(--bs-success) 8%, var(--bs-body-bg));
	border: 1px solid color-mix(in srgb, var(--bs-success) 25%, var(--bs-border-color));
	border-radius: .7rem;
	display: flex;
	gap: .8rem;
	padding: .8rem 1rem;
}

.project-ai-word-export__result-icon {
	align-items: center;
	background: var(--bs-success);
	border-radius: 50%;
	color: var(--bs-white);
	display: inline-flex;
	flex: 0 0 2rem;
	height: 2rem;
	justify-content: center;
}

.project-ai-word-export__result strong,
.project-ai-word-export__result span {
	display: block;
	overflow-wrap: anywhere;
}

.project-ai-word-export__result span {
	color: var(--bs-secondary-color);
	font-size: .78rem;
	margin-top: .12rem;
}

@keyframes zt-word-export-pulse {
	from { opacity: .35; }
	to { opacity: 1; }
}

@media (max-width: 575.98px) {
	.project-ai-word-export__heading {
		align-items: flex-start;
	}

	.project-ai-word-export__mark {
		flex-basis: 2.5rem;
		height: 2.5rem;
	}

	.project-ai-word-export .modal-footer {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.project-ai-word-export .modal-footer .btn {
		margin: 0;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.project-ai-word-export__status[data-state="loading"]::before {
		animation: none;
	}
}