

body.debug #app:before,
body.debug #app:after
	{
		--border :				1px dashed red;
		content :				"";
		display :				block;
		position :				absolute;
		z-index :				9999999;
		opacity :				1;
		pointer-events :			none;
	}

body.debug #app:before
	{
		width :				0px;
		left :				50%;
		transform :				translateX(-50%);
		top :					0;
		bottom :				0;
		border-left :			var(--border);
	}

body.debug #app:after
	{
		height :				0px;
		left :				0;
		right :				0;
		top :					50%;
		transform :				translateY(-50%);
		border-top :			var(--border);
	}

body.debug #app
	{
		border : 				1px dashed orange;
	}

body.debug #app > header
	{
		border :				1px dashed crimson;
	}

body.debug #main
	{
		border : 				1px dashed lime;
	}

body.debug #menu
	{
		border :				1px dashed crimson;
	}

body.debug #preview
	{
		border :				2px dashed cyan;
	}

body.debug #display
	{
		border :				2px dashed lime;
	}

body.debug #display > svg
	{
		border : 				2px dashed deeppink;
	}

body.debug #choose_layer
	{
		background-color :		body.debug #FFFF4430;
	}

body.debug #commandes
	{
		background-color :		body.debug #FF00ff30;
	}

body.debug #layer_controls
	{
		border :				1px dashed purple;
	}

body.debug #layer_elements
	{
		background-color :		black;
	}

body.debug #layer_elements > div
	{
		background-color :		salmon;
	}

body.debug #layer_colors
	{
		background-color :		lightcyan;
	}

body.debug .page .logo_pictomato
	{
		background-color :		lightyellow;
	}


