/* Deep Canvas — fixed brand gradient + Three.js particle canvas, behind content via negative z-index. */
.deep-canvas {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -5;
}

.deep-canvas__bg {
	position: fixed;
	inset: 0;
	z-index: -2;
	/* Dark brand gradient — teal-night → indigo → plum (demo body::before) */
	background: linear-gradient(180deg, #0d2e38 0%, #1c3140 34%, #3a3450 68%, #50415c 100%);
}

.deep-canvas__canvas {
	position: fixed;
	inset: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
}

/* Editor-only notice — the live effect is a fixed background, so mark it in place. */
.deep-canvas__notice {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: 672px;
	margin: 0 auto;
	padding: 18px 22px;
	border: 1px dashed rgba(132, 108, 152, .7);
	border-radius: 8px;
	background: linear-gradient(180deg, #0d2e38, #50415c);
	color: rgba(255, 255, 255, .92);
	font-family: -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.deep-canvas__notice-title {
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #f69e23;
	font-size: 12px;
}


.container-fixed-elements {
	--widgets-spacing: 0;
	--widgets-spacing-row: 0;
	--widgets-spacing-column: 0;
}
.container-fixed-elements .e-con-inner {
	padding: 0;
}