@use '../variables' as *;

/* FSE-style canvas: dark gutters around optional aux panel + floating preview card */
.modula-gallery-takeover__canvas {
	flex: 1;
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: $mod-takeover-canvas-gap;
	padding: $mod-space-12 $mod-takeover-canvas-gap $mod-space-16;
	box-sizing: border-box;
	background: var(--mod-se-stage);
	transition: gap $mod-takeover-transition-workspace;
}

@media (prefers-reduced-motion: reduce) {
	.modula-gallery-takeover__canvas {
		transition: none;
	}
}