.fk-preview,
.fk-live-preview,
[data-fk-preview] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	min-height: 240px;
	background:
		linear-gradient(45deg,#f4f4f4 25%,transparent 25%),
		linear-gradient(-45deg,#f4f4f4 25%,transparent 25%),
		linear-gradient(45deg,transparent 75%,#f4f4f4 75%),
		linear-gradient(-45deg,transparent 75%,#f4f4f4 75%);
	background-size: 20px 20px;
	background-position: 0 0,0 10px,10px -10px,-10px 0;
}
.fk-preview::before,
.fk-live-preview::before,
[data-fk-preview]::before {
	content: "";
	position: absolute;
	width: var(--fk-preview-width, 70%);
	height: var(--fk-preview-height, 50%);
	max-width: 96%;
	max-height: 90%;
	background: #fff;
	border: 1px solid #bbb;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.fk-preview-text,
.fk-live-text,
[data-fk-preview-text] {
	position: relative;
	z-index: 2;
	max-width: 90%;
	font-size: clamp(18px,5vw,72px);
	line-height: 1;
	white-space: nowrap;
	transform-origin: center;
}
.fk-is-mirrored [data-fk-preview-text],
.fk-is-mirrored .fk-preview-text,
.fk-is-mirrored .fk-live-text {
	transform: scaleX(-1);
}