/* Background paint only: no overlays, stacking contexts, assets or scripts. */
body.aacuts-page-grid:not(.creative-tool-standalone) {
	--aac-page-grid-line: rgba(57, 123, 121, var(--aac-page-grid-alpha, .06));
	background-image:
		linear-gradient(var(--aac-page-grid-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--aac-page-grid-line) 1px, transparent 1px),
		radial-gradient(circle at 7% 0%, rgba(141, 225, 229, .2), transparent 26rem);
	background-size: 48px 48px, 48px 48px, auto;
	background-position: 0 0;
	background-repeat: repeat, repeat, no-repeat;
}
@supports (color: color-mix(in srgb, #000 6%, transparent)) {
	body.aacuts-page-grid:not(.creative-tool-standalone) {
		--aac-page-grid-line: color-mix(in srgb, var(--aac-primary, #397b79) var(--aac-page-grid-strength, 6%), transparent);
	}
}
@media print, (forced-colors: active) {
	body.aacuts-page-grid:not(.creative-tool-standalone) { background-image: none; }
}