:root {
	--rsmspark-cw-brand-orange: #ff6b35;
	--rsmspark-cw-brand-orange-hover: #e85a24;
	--rsmspark-cw-brand-orange-dark: #c2410c;
	--rsmspark-cw-brand-cream: #fff6f1;
	--rsmspark-cw-brand-cream-border: #f0d4c4;
}

/* RSMSpark orange block inserter icons (match SiteOrigin widget picker). */
.block-editor-block-types-list__item[data-type^="rsm-content-widgets/"] .block-editor-block-icon,
.block-editor-block-types-list__item[data-type^="rsmspark-cw-compat/"] .block-editor-block-icon,
.block-editor-block-types-list__list-item[data-type^="rsm-content-widgets/"] .block-editor-block-icon,
.block-editor-block-types-list__list-item[data-type^="rsmspark-cw-compat/"] .block-editor-block-icon,
.editor-block-list-item[class*="rsmspark-content-widgets-"] .block-editor-block-icon,
.editor-block-list-item[class*="rsmspark-cw-compat-"] .block-editor-block-icon {
	color: var(--rsmspark-cw-brand-orange) !important;
	fill: var(--rsmspark-cw-brand-orange) !important;
}

.block-editor-block-types-list__item[data-type^="rsm-content-widgets/"] .block-editor-block-icon svg,
.block-editor-block-types-list__item[data-type^="rsmspark-cw-compat/"] .block-editor-block-icon svg,
.block-editor-inserter__panel-content [data-type^="rsm-content-widgets/"] .block-editor-block-icon svg,
.block-editor-inserter__panel-content [data-type^="rsmspark-cw-compat/"] .block-editor-block-icon svg {
	fill: var(--rsmspark-cw-brand-orange) !important;
	color: var(--rsmspark-cw-brand-orange) !important;
}

.block-editor-inserter__panel-content [class*="block-editor-block-types-list__item"][class*="rsmspark-content-widgets"] .dashicon,
.block-editor-inserter__panel-content [class*="block-editor-block-types-list__item"][class*="rsmspark-cw-compat"] .dashicon {
	color: var(--rsmspark-cw-brand-orange) !important;
}

.block-editor-inserter__panel-content [class*="block-editor-block-types-list__item"][class*="rsmspark-cw-compat"] .dashicon {
	color: var(--rsmspark-cw-brand-orange) !important;
}

/* Floating block toolbar — legacy SOWB RSM widgets use native orange icon */
.block-editor-block-toolbar.rsm-block-toolbar-branded
	.block-editor-block-switcher__toggle
	.block-editor-block-icon {
	background: var(--rsmspark-cw-brand-cream, #fff6f1) !important;
	color: var(--rsmspark-cw-brand-orange, #ff6b35) !important;
}

.block-editor-block-toolbar.rsm-block-toolbar-branded
	.block-editor-block-switcher__toggle
	.block-editor-block-icon
	.dashicons,
.block-editor-block-toolbar.rsm-block-toolbar-branded
	.block-editor-block-switcher__toggle
	.block-editor-block-icon
	svg {
	color: var(--rsmspark-cw-brand-orange, #ff6b35) !important;
	fill: var(--rsmspark-cw-brand-orange, #ff6b35) !important;
}

.rsmspark-rt-block-editor-wrap .wp-media-buttons {
	display: none !important;
}

.rsmspark-rt-block-editor-wrap .wp-media-buttons:has(.rsmspark-rt-insert-media) {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 6px;
}

.rsmspark-rt-block-editor-wrap .mce-toolbar-grp .mce-btn button {
	color: #1d2327;
}

.rsmspark-rt-block-editor-wrap .mce-btn .mce-ico.mce-i-rsmspark-rt-size,
.rsmspark-rt-block-editor-wrap .mce-btn .mce-ico.mce-i-rsmspark-rt-font,
.rsmspark-rt-block-editor-wrap .mce-btn .mce-ico.mce-i-rsmspark-rt-list-color,
.rsmspark-rt-block-editor-wrap .mce-btn .mce-ico.mce-i-rsmspark-rt-section,
.rsmspark-rt-block-editor-wrap .mce-btn .mce-ico.mce-i-rsmspark-rt-media,
.rsmspark-rt-block-editor-wrap .mce-ico.rsmspark-rt-painted-icon:before {
	color: var(--rsmspark-cw-brand-orange, #ff6b35) !important;
}

.rsmspark-rt-block-editor-wrap .mce-btn .mce-ico,
.rsmspark-rt-block-editor-wrap .mce-btn .mce-caret {
	color: #1d2327;
}

.rsmspark-rt-block-editor-wrap .mce-ico.rsmspark-rt-painted-icon:before,
.rsmspark-rt-block-editor-wrap .mce-ico.mce-i-rsmspark-rt-size:before,
.rsmspark-rt-block-editor-wrap .mce-ico.mce-i-rsmspark-rt-font:before,
.rsmspark-rt-block-editor-wrap .mce-ico.mce-i-rsmspark-rt-list-color:before,
.rsmspark-rt-block-editor-wrap .mce-ico.mce-i-rsmspark-rt-section:before,
.rsmspark-rt-block-editor-wrap .mce-ico.mce-i-rsmspark-rt-media:before {
	content: '' !important;
}

.rsmspark-cw-block-editor {
	margin-bottom: 1em;
	padding: 12px 14px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.rsmspark-cw-block-editor__heading {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 600;
	color: #1d2327;
}

.rsmspark-cw-block-editor__row {
	margin-bottom: 12px;
}

.rsmspark-cw-block-editor--hero-presets {
	margin-bottom: 12px;
}

.rsmspark-cw-hero-presets__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 12px;
}

.rsmspark-cw-hero-presets__actions .components-button {
	margin: 0 !important;
}

.rsmspark-cw-hero-presets .components-notice {
	margin: 0 0 12px;
}

.rsmspark-cw-hero-preset-actions {
	margin: 8px 0 0;
}

.rsmspark-cw-hero-preset-actions .button {
	margin-right: 8px;
	margin-bottom: 4px;
}

.rsmspark-rt-block-preview {
	margin: 0 0 10px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.rsmspark-rt-block-modal__actions {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	margin-top: 12px;
}

.rsmspark-rt-block-editor-wrap .wp-editor-wrap {
	margin-top: 8px;
}

.rsmspark-cw-block-editor__repeater-item {
	margin-bottom: 12px;
	padding: 12px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.rsmspark-cw-block-editor__popouts-section {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #dcdcde;
}

.rsmspark-cw-block-editor__popout-chip-note {
	margin: 0 0 8px;
	padding: 8px 10px;
	background: #f0f6fc;
	border-left: 3px solid var(--rsmspark-cw-brand-orange, #e87722);
	color: #1e293b;
	font-size: 12px;
	line-height: 1.45;
}

.rsmspark-cw-block-editor__features-popouts-toggle {
	margin: 12px 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dcdcde;
}

.rsmspark-cw-block-editor__features-accordion,
.rsmspark-cw-block-editor__repeater-accordion-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rsmspark-cw-repeater-accordion {
	background: #f8f9fa;
	border: 1px solid #cfd6dd;
	border-radius: 4px;
	overflow: hidden;
}

.rsmspark-cw-repeater-accordion__header {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.rsmspark-cw-repeater-accordion__handle {
	flex: 0 0 10px;
	background: repeating-linear-gradient(
		180deg,
		#dcdcde,
		#dcdcde 2px,
		transparent 2px,
		transparent 6px
	);
	opacity: 0.45;
	cursor: default;
}

.rsmspark-cw-repeater-accordion__toggle {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	padding: 10px 12px;
	border: 0;
	border-bottom: 1px solid transparent;
	background: #e8eef4;
	color: #1e1e1e;
	text-align: left;
	cursor: pointer;
	font: inherit;
}

.rsmspark-cw-repeater-accordion__toggle:hover,
.rsmspark-cw-repeater-accordion__toggle:focus {
	background: #dce6f0;
	outline: 2px solid transparent;
	box-shadow: inset 0 0 0 1px #2271b1;
}

.rsmspark-cw-repeater-accordion.is-open .rsmspark-cw-repeater-accordion__toggle {
	background: #dfe8f2;
	border-bottom-color: #c5d0dc;
}

.rsmspark-cw-repeater-accordion__toggle-main {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex: 1 1 auto;
}

.rsmspark-cw-repeater-accordion__index {
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #646970;
}

.rsmspark-cw-repeater-accordion__title {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.rsmspark-cw-repeater-accordion__meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
}

.rsmspark-cw-repeater-accordion__icon {
	font-size: 18px;
	width: 18px;
	height: 18px;
	color: #2271b1;
}

.rsmspark-cw-repeater-accordion__icon--empty {
	color: #c3c4c7;
}

.rsmspark-cw-repeater-accordion__icon-img {
	width: 20px;
	height: 20px;
	object-fit: cover;
	border-radius: 3px;
	border: 1px solid #dcdcde;
}

.rsmspark-cw-repeater-accordion__popout-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex: 0 0 8px;
}

.rsmspark-cw-repeater-accordion__popout-dot.is-active {
	background: var(--rsmspark-cw-brand-orange, #e87722);
	box-shadow: 0 0 0 2px rgba(232, 119, 34, 0.25);
}

.rsmspark-cw-repeater-accordion__popout-dot.is-stub {
	background: transparent;
	border: 2px solid #c3c4c7;
}

.rsmspark-cw-repeater-accordion__chevron {
	flex: 0 0 auto;
	transition: transform 0.15s ease;
	color: #646970;
}

.rsmspark-cw-repeater-accordion.is-open .rsmspark-cw-repeater-accordion__chevron {
	transform: rotate(180deg);
}

.rsmspark-cw-repeater-accordion__actions {
	display: flex;
	align-items: center;
	padding: 0 8px 0 0;
	background: #e8eef4;
}

.rsmspark-cw-repeater-accordion.is-open .rsmspark-cw-repeater-accordion__actions {
	background: #dfe8f2;
}

.rsmspark-cw-repeater-accordion__body {
	padding: 12px;
	background: #f8f9fa;
}

.rsmspark-cw-repeater-accordion__chip-zone {
	padding: 12px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.rsmspark-cw-repeater-accordion__chip-fields .components-base-control {
	margin-bottom: 12px;
}

.rsmspark-cw-repeater-subzone {
	margin-top: 12px;
	padding: 12px;
	border-radius: 4px;
}

.rsmspark-cw-repeater-subzone--active {
	background: #f0f6fc;
	border: 1px solid #c5dff5;
	border-left: 3px solid var(--rsmspark-cw-brand-orange, #e87722);
}

.rsmspark-cw-repeater-subzone--stub {
	background: #f6f7f7;
	border: 1px dashed #c3c4c7;
}

.rsmspark-cw-repeater-subzone__heading {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #646970;
}

.rsmspark-cw-repeater-subzone__stub-message {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.45;
	color: #50575e;
}

.rsmspark-cw-repeater-subzone__fields .components-base-control {
	margin-bottom: 12px;
}

.rsmspark-cw-block-editor__repeater-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.rsmspark-cw-footer-visibility .components-base-control__field {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 12px;
}

.rsmspark-cw-footer-visibility .components-toggle-control {
	margin-bottom: 4px;
}

.rsmspark-cw-block-editor__media {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.rsmspark-cw-block-editor__media-preview {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #dcdcde;
	background: #fff;
}

.rsmspark-cw-block-editor__preview-wrap {
	margin-top: 12px;
}

.rsmspark-cw-block-editor__preview-notice {
	padding: 12px 14px;
	background: #fff8e5;
	border: 1px solid #dba617;
	border-radius: 4px;
}

.rsmspark-cw-block-editor__preview-notice p:last-child {
	margin: 0;
	font-size: 13px;
	color: #646970;
}

.rsmspark-cw-block-editor__preview-live {
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.rsmspark-cw-block-editor__preview-canvas {
	margin-top: 8px;
	padding: 12px;
	background: #f6f7f7;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	overflow-x: auto;
}

.rsmspark-cw-block-editor__preview-canvas .wp-block {
	margin: 0;
}

.rsmspark-cw-block-editor__preview-loading,
.rsmspark-cw-block-editor__preview-empty,
.rsmspark-cw-block-editor__preview-error {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 8px 0;
	font-size: 13px;
	color: #50575e;
}

.rsmspark-cw-block-editor__preview-error {
	flex-direction: column;
	align-items: flex-start;
	color: #b32d2e;
}

.rsmspark-cw-block-editor__preview-hint {
	margin: 8px 0 0;
	font-size: 12px;
	color: #646970;
}

.rsmspark-cw-block-editor__preview-live--compact {
	padding: 0;
	background: transparent;
	border: 0;
}

.rsmspark-cw-block-editor__preview-canvas--compact {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

/* Inserter hover: output-only preview (hide config UI if edit chrome slips through). */
.block-editor-block-preview__container .rsmspark-cw-block-editor,
.block-editor-block-preview__container .rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__settings-shell,
.block-editor-block-preview__container .rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-actions,
.block-editor-block-preview__container .rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-only-hint,
.block-editor-inserter__preview-content .rsmspark-cw-block-editor,
.block-editor-inserter__preview-content .rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__settings-shell,
.block-editor-inserter__preview-content .rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-actions {
	display: none !important;
}

.block-editor-block-preview__container .rsmspark-cw-block-editor__preview-live--compact,
.block-editor-inserter__preview-content .rsmspark-cw-block-editor__preview-live--compact {
	max-height: 220px;
	overflow: hidden;
}

.block-editor-block-preview__container .rsmspark-cw-inserter-output,
.block-editor-inserter__preview-content .rsmspark-cw-inserter-output {
	pointer-events: none;
}

.rsmspark-cw-block-editor__canvas-settings-notice,
.rsmspark-cw-block-editor--dpg .rsmspark-cw-block-editor__dpg-notice {
	margin-bottom: 12px;
}

.rsmspark-cw-block-editor__settings-shell {
	margin-bottom: 12px;
}

.rsmspark-cw-block-editor__settings-head {
	margin-bottom: 8px;
}

.rsmspark-cw-block-editor__settings-toggle {
	width: auto;
	justify-content: center;
}

.rsmspark-cw-block-editor__preview-actions {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #dcdcde;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.rsmspark-cw-block-editor__preview-button {
	width: auto;
	justify-content: center;
}

.rsmspark-cw-block-editor__media-button {
	width: auto;
	justify-content: center;
}

.rsmspark-cw-block-editor__json-shell {
	margin-bottom: 12px;
	padding: 12px 14px;
	background: var(--rsmspark-cw-brand-cream);
	border: 1px solid var(--rsmspark-cw-brand-cream-border);
	border-radius: 4px;
}

.rsmspark-cw-block-editor__json-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 12px;
}

.rsmspark-cw-block-editor__json-actions .components-button {
	margin: 0 !important;
}

.rsmspark-cw-block-editor__export-json-empty {
	margin: 0 0 12px;
	color: #646970;
}

.rsmspark-cw-block-editor__export-json-mount {
	margin: 0 0 12px;
}

.rsmspark-cw-block-editor__export-json-label {
	margin: 0 0 6px;
	color: #646970;
}

.rsmspark-cw-block-editor__export-json-pre {
	display: block;
	max-height: 280px;
	margin: 0 0 12px;
	padding: 10px 12px;
	overflow: auto;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	color: #1d2327;
	font-family: Menlo, Consolas, Monaco, monospace;
	font-size: 12px;
	line-height: 1.45;
	white-space: pre-wrap;
	word-break: break-word;
}

/* RSMSpark orange primary/secondary buttons in block canvas (match wp-admin suite). */
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand,
.rsmspark-cw-block-editor-wrap .components-button.rsmspark-cw-button--brand,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand.is-primary,
.rsmspark-cw-block-editor-wrap .components-button.is-primary,
.rsmspark-cw-block-editor-wrap .components-button.is-secondary,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-button.components-button,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__media-button.components-button,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__settings-toggle.components-button {
	box-shadow: none !important;
}

.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand,
.rsmspark-cw-block-editor-wrap .components-button.rsmspark-cw-button--brand,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand.is-primary,
.rsmspark-cw-block-editor-wrap .components-button.is-primary,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-button.components-button.is-primary,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__media-button.components-button.is-primary {
	background: var(--rsmspark-cw-brand-orange) !important;
	border-color: var(--rsmspark-cw-brand-orange) !important;
	color: #fff !important;
}

.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .components-button.rsmspark-cw-button--brand:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand.is-primary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .components-button.is-primary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-button.components-button.is-primary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__media-button.components-button.is-primary:hover:not(:disabled) {
	background: var(--rsmspark-cw-brand-orange-hover) !important;
	border-color: var(--rsmspark-cw-brand-orange-hover) !important;
	color: #fff !important;
}

/* Focus mode: tall native block editors (e.g. Features) must scroll inside the canvas. */
body.is-rsm-focus-mode .rsmspark-cw-block-editor-wrap,
body.is-rsm-focus-mode .rsmspark-cw-block-editor {
	overflow: visible;
}

body.is-rsm-focus-mode .rsmspark-cw-block-editor__repeater-item {
	overflow: visible;
}

.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand:focus:not(:disabled),
.rsmspark-cw-block-editor-wrap .components-button.rsmspark-cw-button--brand:focus:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand.is-primary:focus:not(:disabled),
.rsmspark-cw-block-editor-wrap .components-button.is-primary:focus:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__preview-button.components-button.is-primary:focus:not(:disabled) {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsmspark-cw-brand-orange) !important;
}

.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand-secondary,
.rsmspark-cw-block-editor-wrap .components-button.rsmspark-cw-button--brand-secondary,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand-secondary.is-secondary,
.rsmspark-cw-block-editor-wrap .components-button.is-secondary,
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__settings-toggle.components-button.is-secondary {
	background: var(--rsmspark-cw-brand-cream) !important;
	border-color: var(--rsmspark-cw-brand-cream-border) !important;
	color: var(--rsmspark-cw-brand-orange-dark) !important;
}

.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand-secondary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .components-button.rsmspark-cw-button--brand-secondary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-button--brand-secondary.is-secondary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .components-button.is-secondary:hover:not(:disabled),
.rsmspark-cw-block-editor-wrap .rsmspark-cw-block-editor__settings-toggle.components-button.is-secondary:hover:not(:disabled) {
	background: #fff !important;
	border-color: var(--rsmspark-cw-brand-orange) !important;
	color: var(--rsmspark-cw-brand-orange) !important;
}

.rsmspark-cw-block-editor-wrap .components-button.is-link {
	color: var(--rsmspark-cw-brand-orange-dark);
}

.rsmspark-cw-block-editor-wrap .components-button.is-link:hover:not(:disabled) {
	color: var(--rsmspark-cw-brand-orange);
}

.rsmspark-rt-block-modal__actions .components-button.is-primary {
	background: var(--rsmspark-cw-brand-orange) !important;
	border-color: var(--rsmspark-cw-brand-orange) !important;
	color: #fff !important;
}

.rsmspark-rt-block-modal__actions .components-button.is-primary:hover:not(:disabled) {
	background: var(--rsmspark-cw-brand-orange-hover) !important;
	border-color: var(--rsmspark-cw-brand-orange-hover) !important;
}

.rsmspark-cw-hero-presets__actions .components-button.is-primary {
	background: var(--rsmspark-cw-brand-orange) !important;
	border-color: var(--rsmspark-cw-brand-orange) !important;
	color: #fff !important;
}

.rsmspark-cw-block-editor-wrap--preview-only {
	cursor: pointer;
}

.rsmspark-cw-block-editor__preview-only-hint {
	margin: 0 0 8px;
	font-size: 12px;
	color: #646970;
	text-align: center;
}

.rsmspark-cw-block-editor__preview-disabled {
	margin-top: 12px;
}

.rsmspark-cw-block-editor__settings {
	margin-bottom: 12px;
}

.rsmspark-cw-block-editor__settings .components-panel__body {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 0 12px 12px;
}

.rsmspark-cw-block-editor__settings .components-panel__body:last-child {
	margin-bottom: 0;
}

.rsmspark-cw-block-editor__icon-field {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px 12px;
	margin-bottom: 12px;
}

.rsmspark-cw-block-editor__icon-field .components-base-control {
	flex: 1 1 220px;
	margin-bottom: 0;
}

.rsmspark-cw-block-editor__icon-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-top: 28px;
	font-size: 22px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.rsmspark-cw-block-editor__icon-preview,
.rsmspark-cw-block-editor__icon-preview::before {
	color: var(--rsmspark-cw-brand-orange, #ff6b35) !important;
}

.rsmspark-cw-block-editor__layout-band {
	border-top: 1px solid #dcdcde;
	margin-top: 1rem;
	padding-top: 1rem;
}

.rsmspark-cw-block-editor__layout-band-title {
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 0.75rem;
}
