html.art-editor-template-canvas,
body.art-editor-template-canvas {
	margin: 0;
	padding: 0;
}

/*
 * WordPress admin-bar.css sets html { margin-top: 32px/46px !important }.
 * Only flatten when the bar is hidden — otherwise content slides under it.
 */
@media screen {
	html:has(body.art-editor-template-canvas:not(.admin-bar)) {
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 782px) {
	html:has(body.art-editor-template-canvas:not(.admin-bar)) {
		margin-top: 0 !important;
	}
}

@media (prefers-reduced-motion: no-preference) {
	html:has(body.art-editor-template-canvas) {
		scroll-behavior: smooth;
	}
}

body.art-editor-template-canvas {
	background: #fff;
}

.art-editor-canvas {
	margin: 0;
	padding: 0;
}

.art-editor-canvas__content {
	margin: 0;
	padding: 0;
}

.art-editor-canvas__content > :first-child {
	margin-top: 0;
}

.art-editor-canvas__content > .art-editor-html-block {
	position: relative;
	display: flow-root;
}

.art-editor-canvas__content a:not( [style*='text-decoration'] ):not( :has( [style*='text-decoration'] ) ) {
	text-decoration: none;
}

.art-editor-html-block #wpadminbar {
	display: none !important;
}

.art-editor-canvas__content img,
.art-editor-canvas__content video,
.art-editor-canvas__content iframe,
.art-editor-canvas__content svg {
	max-width: 100%;
	height: auto;
}