/* Match UnitControl / .bm-field-input height (40px). */

.bm-searchable-select {
	position: relative;
	width: 100%;
	z-index: 0;
}

.bm-searchable-select:focus-within,
.bm-searchable-select.is-open {
	z-index: 20;
}

.bm-searchable-select-wrap {
	width: 100%;
}

/* Portaled menus — always on document.body via createPortal */
.bm-select-menu--fixed,
.bm-styled-select__list--portal {
	position: fixed !important;
	right: auto !important;
	min-width: 0 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	z-index: 1000500 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	list-style: none !important;
	box-sizing: border-box !important;
	border: 1px solid #d7d7e0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: 0 8px 24px rgba(19, 27, 46, 0.12) !important;
	display: flex !important;
	flex-direction: column !important;
}

.bm-select-menu--fixed.is-drop-up,
.bm-styled-select__list--portal.is-drop-up {
	box-shadow: 0 -8px 24px rgba(19, 27, 46, 0.12) !important;
}

.bm-styled-select__search {
	flex: 0 0 auto;
	padding: 8px 8px 4px;
	border-bottom: 1px solid #e8e8ef;
	background: #fff;
}

.bm-styled-select__search-input {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid #d7d7e0 !important;
	border-radius: 6px !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 13px !important;
	line-height: 36px !important;
	color: #131b2e !important;
}

.bm-styled-select__search-input:focus {
	border-color: #3525cd !important;
	box-shadow: 0 0 0 1px #3525cd !important;
	outline: none !important;
}

.bm-styled-select__options {
	flex: 1 1 auto;
	min-height: 0;
	margin: 0 !important;
	padding: 4px 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	list-style: none !important;
}

.bm-styled-select__option {
	display: block;
	padding: 8px 12px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	color: #131b2e;
}

.bm-styled-select__option:hover,
.bm-styled-select__option.is-selected {
	background: #eaedff !important;
	color: #131b2e !important;
}

.bm-styled-select__option.is-empty {
	cursor: default;
	color: #757575;
	font-style: italic;
}

.bm-styled-select__option.is-empty:hover {
	background: transparent !important;
}

.bm-styled-select__option.is-font-preview,
.bm-styled-select__value.is-font-preview {
	font-family: var(--bm-option-font-family, inherit) !important;
	font-size: 14px;
	letter-spacing: normal;
	text-transform: none;
}

/* Custom stylized select — same shell height as UnitControl */
.bm-searchable-select.is-styled-select {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bm-searchable-select.is-styled-select .components-base-control__label {
	display: inline-block;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	text-transform: uppercase;
}

.bm-searchable-select.is-styled-select .bm-styled-select__shell {
	position: relative;
	width: 100%;
	z-index: 0;
	overflow: visible;
}

.bm-searchable-select.is-styled-select.is-open .bm-styled-select__shell {
	z-index: 30;
}

.bm-searchable-select.is-styled-select .bm-styled-select__toggle,
.joc-blockora-morph-app .bm-searchable-select.is-styled-select .bm-styled-select__toggle,
.bm-element-toolbar .bm-searchable-select.is-styled-select .bm-styled-select__toggle {
	position: relative !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 40px !important;
	height: 40px !important;
	max-height: 40px !important;
	margin: 0 !important;
	padding: 0 28px 0 12px !important;
	border: 1px solid #d7d7e0 !important;
	border-radius: 6px !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	color: #131b2e !important;
	text-align: left !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
	-moz-appearance: none !important;
	     appearance: none !important;
	-webkit-appearance: none !important;
}

.bm-searchable-select.is-styled-select .bm-styled-select__toggle::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-right: 2px solid #757575;
	border-bottom: 2px solid #757575;
	transform: rotate(45deg);
	pointer-events: none;
	transition: transform 0.15s ease, margin-top 0.15s ease, border-color 0.15s ease;
}

.bm-searchable-select.is-styled-select.is-open .bm-styled-select__toggle,
.bm-searchable-select.is-styled-select .bm-styled-select__toggle:focus {
	border-color: #3525cd !important;
	box-shadow: 0 0 0 1px #3525cd !important;
	outline: none !important;
}

.bm-searchable-select.is-styled-select.is-open .bm-styled-select__toggle::after {
	border-color: #3525cd;
	margin-top: -1px;
	transform: rotate(225deg);
}

.bm-searchable-select.is-styled-select.is-drop-up.is-open .bm-styled-select__toggle::after {
	margin-top: -5px;
	transform: rotate(45deg);
}

.bm-searchable-select.is-styled-select .bm-styled-select__value {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	flex: 1 1 auto;
}

.bm-searchable-select.is-styled-select .components-base-control__help {
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #757575;
}

/* ---------- Spacing row: preset Select + UnitControl, same 40px baseline ---------- */

.bm-style-field__spacing-row {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 8px;
	align-items: flex-start;
}

.bm-style-field__spacing-col {
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bm-style-field__spacing-col .components-base-control,
.bm-style-field__spacing-col .components-base-control__field,
.bm-style-field__spacing-col .bm-searchable-select {
	margin-bottom: 0 !important;
}

.bm-style-field__spacing-col .components-base-control__label,
.bm-style-field__spacing-col .components-input-control__label,
.bm-style-field__spacing-col label:not(.components-a11y-text):not(.screen-reader-text) {
	display: none !important;
}

.bm-style-field__spacing-col--preset .bm-searchable-select {
	width: 100%;
}

.bm-style-field__spacing-col--unit .components-unit-control-wrapper,
.bm-style-field__spacing-col--unit .components-input-control,
.bm-style-field__spacing-col--unit .components-input-control__container {
	width: 100%;
	min-height: 40px !important;
	height: 40px !important;
}

.bm-style-field__spacing-col--unit .components-input-control__backdrop {
	border-radius: 6px !important;
}

.bm-box-spacing__row {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
}

.bm-box-spacing__axis-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	min-height: 40px;
	margin-bottom: 0;
	color: #50575e;
}

.bm-field {
	--bm-f-primary: #3525cd;
	--bm-f-surface: #faf8ff;
	--bm-f-surface-low: #f2f3ff;
	--bm-f-surface-container: #eaedff;
	--bm-f-surface-high: #e2e7ff;
	--bm-f-on-surface: #131b2e;
	--bm-f-on-surface-variant: #464555;
	--bm-f-outline: #c7c4d8;
	--bm-f-danger: #ba1a1a;
	margin-bottom: 1rem;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.bm-link-field__preview {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--bm-f-outline);
	border-radius: 10px;
	background: var(--bm-f-surface);
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-link-field__preview:hover {
	border-color: var(--bm-f-primary);
	box-shadow: 0 2px 10px color-mix(in srgb, var(--bm-f-primary) 10%, transparent);
}

.bm-link-field__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--bm-f-surface-container);
	color: var(--bm-f-primary);
	font-size: 16px;
	width: 32px;
	height: 32px;
}

.bm-link-field__icon.dashicons {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
}

.bm-link-field__meta {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
	flex: 1;
}

.bm-link-field__title {
	font-size: 13px;
	font-weight: 600;
	color: var(--bm-f-on-surface);
	line-height: 1.3;
}

.bm-link-field__url {
	font-size: 12px;
	color: var(--bm-f-on-surface-variant);
	word-break: break-all;
	line-height: 1.35;
}

.bm-link-field__badge {
	display: inline-flex;
	align-self: flex-start;
	margin-top: 2px;
	padding: 1px 6px;
	border-radius: 999px;
	background: var(--bm-f-surface-high);
	color: var(--bm-f-primary);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.bm-link-field__actions {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
}

.bm-link-field__edit {
	border-radius: 8px !important;
}

.bm-link-field__add {
	width: 100%;
	justify-content: center !important;
	min-height: 40px !important;
	border-radius: 10px !important;
	border-style: dashed !important;
	border-color: var(--bm-f-outline) !important;
	color: var(--bm-f-primary) !important;
	background: var(--bm-f-surface-low) !important;
}

.bm-link-field__add:hover {
	border-color: var(--bm-f-primary) !important;
	background: var(--bm-f-surface-container) !important;
}

.bm-link-field__popover {
	min-width: 320px;
	padding: 8px;
}

.bm-link-field__popover-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}

.bm-link-field__fallback {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.bm-link-field__check,
.bm-link-editor__check {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 13px;
	color: var(--bm-f-on-surface);
	cursor: pointer;
}

.bm-link-editor {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	min-width: 260px;
}

.bm-link-editor--compact {
	min-width: 240px;
	gap: 0.5rem;
}

.bm-link-editor__field {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin: 0;
}

.bm-link-editor__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant);
}

.bm-link-editor__input {
	width: 100%;
	margin: 0 !important;
}

.bm-link-editor__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: 0.15rem;
}

.bm-link-editor__actions-end {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-left: auto;
}

.bm-format-toolbar__link-panel {
	padding: 0.15rem;
}

.bm-media-field {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 0;
}

.bm-media-field > .bm-field-label {
	margin-bottom: 0;
}

.bm-media-field__type {
	margin: 0;
}

.bm-media-field__empty {
	display: flex;
	align-items: center;
}

.bm-media-field__picker {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 72px;
	min-width: 0;
	max-width: 100%;
	padding: 8px;
	border: 1px solid var(--bm-f-outline, #c7c4d8);
	border-radius: 10px;
	background: var(--bm-f-surface, #faf8ff);
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(19, 27, 46, 0.04);
}

.bm-media-field__thumb {
	display: block;
	flex: 0 0 72px;
	width: 72px !important;
	height: 72px !important;
	min-width: 72px !important;
	min-height: 72px !important;
	max-width: 72px !important;
	max-height: 72px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--bm-f-outline, #c7c4d8) !important;
	border-radius: 8px !important;
	overflow: hidden;
	background: var(--bm-f-surface-high, #e2e7ff) !important;
	background-image: none !important;
	cursor: pointer;
	-moz-appearance: none;
	     appearance: none;
	-webkit-appearance: none;
	box-shadow: none !important;
	line-height: 0 !important;
}

.bm-media-field__thumb:hover,
.bm-media-field__thumb:focus-visible {
	border-color: var(--bm-f-primary, #3525cd);
	outline: 2px solid color-mix(in srgb, var(--bm-f-primary, #3525cd) 35%, transparent);
	outline-offset: 1px;
}

.bm-media-field__thumb img,
.bm-media-field__thumb video,
.bm-media-field__thumb iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
	pointer-events: none;
}

.bm-media-field__thumb--iframe {
	cursor: default;
	pointer-events: none;
}

.bm-media-field__thumb--oembed {
	overflow: hidden;
	background: #0f1117;
}

.bm-media-field__oembed {
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.bm-media-field__oembed iframe,
.bm-media-field__oembed embed,
.bm-media-field__oembed object {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	border: 0 !important;
}

.bm-media-field__embed-form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 0.75rem;
}

.bm-media-field__embed-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.bm-media-field__embed-status {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0.35rem 0 0.75rem;
	font-size: 12px;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-media-field__embed-error {
	margin: 0.25rem 0 0.75rem;
	font-size: 12px;
	line-height: 1.4;
	color: #b32d2e;
}

.bm-media-field__embed-url {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 1.35;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-media-field__thumb--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bm-f-on-surface-variant, #464555);
	background: var(--bm-f-surface-high, #e2e7ff) !important;
}

.bm-media-field__thumb--empty .dashicons {
	font-size: 28px;
	width: 28px;
	height: 28px;
	line-height: 1;
	opacity: 0.55;
}

.bm-media-field__thumb--iframe iframe {
	transform: scale(0.35);
	transform-origin: top left;
	width: 286%;
	height: 286%;
}

.bm-media-field__side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
	margin-left: auto;
	text-align: right;
}

.bm-media-field__side-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
	line-height: 1.2;
}

.bm-media-field__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px 8px;
}

.bm-media-field__actions .components-button {
	height: auto !important;
	min-height: 28px !important;
	padding: 4px 10px !important;
}

.bm-media-field__alt,
.bm-media-field .components-base-control {
	margin-bottom: 0 !important;
}

.bm-media-field__preview {
	max-width: 100%;
	border-radius: 10px;
	overflow: hidden;
	background: var(--bm-f-surface-high, #e2e7ff);
	border: 1px solid var(--bm-f-outline, #c7c4d8);
}

.bm-media-field__preview img,
.bm-media-field__preview video,
.bm-media-field__preview iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
}

.bm-media-field__preview--iframe {
	aspect-ratio: 16 / 9;
}

.bm-media-field__preview--iframe iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}

/* Visibility head + field stack more tightly inside inspector cards. */
.bm-inspector-card .bm-field-wrap--visibility {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 0;
}

.bm-inspector-card .bm-field-visibility-head {
	margin-bottom: 0;
}

.bm-order-field__hint,
.bm-repeater__hint {
	margin: 0 0 0.75rem;
	padding: 8px 10px;
	border-radius: 8px;
	background: var(--bm-f-surface-container, #eaedff);
	color: var(--bm-f-on-surface-variant, #464555);
	font-size: 12px;
	line-height: 1.4;
}

.bm-order-field__notice {
	margin: 0 0 0.75rem !important;
}

.bm-order-field__list {
	list-style: none;
	margin: 0 0 0.5rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bm-order-field__list .bm-drop-slot {
	--bm-ed-primary: var(--bm-f-primary, #3525cd);
}

.bm-order-field__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 42px;
	margin: 3px 0;
	padding: 10px 12px;
	border: 1px solid var(--bm-f-outline, #c7c4d8);
	border-radius: 10px;
	background: var(--bm-f-surface, #faf8ff);
	cursor: grab;
	transition:
		border-color 0.15s ease,
		box-shadow 0.15s ease,
		opacity 0.12s ease,
		background 0.15s ease,
		transform 0.15s ease;
}

.bm-order-field__item:hover {
	border-color: var(--bm-f-primary, #3525cd);
	background: var(--bm-f-surface-low, #f2f3ff);
	box-shadow: 0 2px 10px color-mix(in srgb, var(--bm-f-primary, #3525cd) 12%, transparent);
}

.bm-order-field__item:active {
	cursor: grabbing;
}

.bm-order-field__item.is-dragging {
	opacity: 0.45;
	transform: scale(0.99);
}

.bm-order-field__item.is-drop-target {
	border-color: var(--bm-f-primary, #3525cd);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--bm-f-primary, #3525cd) 18%, transparent);
}

.bm-order-field__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	background: var(--bm-f-primary, #3525cd);
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.bm-order-field__handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--bm-f-on-surface-variant, #777587);
	line-height: 1;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: grab;
}

.bm-order-field__handle .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1;
	opacity: 0.7;
}

.bm-order-field__item:hover .bm-order-field__handle .dashicons {
	opacity: 1;
	color: var(--bm-f-primary, #3525cd);
}

.bm-order-field__name {
	flex: 1;
	font-size: 13px;
	font-weight: 600;
	color: var(--bm-f-on-surface, #131b2e);
	text-transform: capitalize;
	min-width: 0;
}

.bm-order-field__actions {
	display: flex;
	align-items: center;
	gap: 0.1rem;
	flex-shrink: 0;
}

.bm-field-wrap--visibility {
	margin-bottom: 1rem;
	min-width: 0;
	max-width: 100%;
}

.bm-field-visibility-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
	min-width: 0;
	max-width: 100%;
}

.bm-field-visibility-head__label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-field-visibility-head__toggle {
	margin: 0 !important;
}

.bm-field-visibility-head__toggle .components-base-control__field {
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

.bm-field-visibility-head__toggle-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-field-visibility-head__toggle-label .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1;
}

.bm-field-visibility-head__toggle-bp {
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.bm-field-visibility-head__toggle.is-hidden .bm-field-visibility-head__toggle-label {
	color: var(--bm-f-error, #b3261e);
}

.bm-field-visibility-head__actions {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

/* Compact HTML tag picker (beside Shown). */
.bm-tag-field--compact {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
}

.bm-tag-field__toggle {
	min-height: 28px !important;
	height: 28px !important;
	padding: 0 8px !important;
	gap: 2px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	line-height: 1 !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

.bm-tag-field__toggle .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 1;
	opacity: 0.7;
}

.bm-tag-field__value {
	font-variant-numeric: tabular-nums;
}

.bm-tag-field__popover {
	min-width: 140px;
	padding: 8px;
}

.bm-tag-field__head {
	margin: 0 0 6px;
	padding: 0 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-tag-field__head strong {
	font-weight: 600;
}

.bm-tag-field__menu {
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-height: 240px;
	overflow-y: auto;
}

.bm-tag-field__option {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: none;
	border-radius: 6px;
	background: transparent;
	color: var(--bm-f-on-surface, #1b1b21);
	font-size: 13px;
	font-weight: 600;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	text-align: left;
	cursor: pointer;
}

.bm-tag-field__option:hover {
	background: var(--bm-f-surface-container, #eaedff);
}

.bm-tag-field__option.is-active {
	background: color-mix(in srgb, var(--bm-f-primary, #3525cd) 14%, transparent);
	color: var(--bm-f-primary, #3525cd);
}

.bm-field-wrap.is-hidden-element {
	opacity: 0.38;
	filter: grayscale(0.12);
}

.bm-order-field__icon-btn {
	min-width: 28px !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	border-radius: 7px !important;
	color: var(--bm-f-on-surface-variant) !important;
}

.bm-order-field__icon-btn:hover:not(:disabled) {
	background: var(--bm-f-surface-container) !important;
	color: var(--bm-f-primary) !important;
}

.bm-order-field__icon-btn:disabled {
	opacity: 0.35 !important;
}

/* —— Repeater / Buttons —— */
.bm-repeater__head {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.bm-repeater__head .bm-field-label {
	margin-bottom: 0;
}

.bm-repeater__add-inline {
	margin-left: auto !important;
}

.bm-repeater__list--logos {
	gap: 0;
	border: 1px solid var(--bm-f-outline);
	border-radius: 10px;
	overflow: hidden;
	background: var(--bm-f-surface);
}

.bm-repeater__logo-row {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.65rem;
	padding: 0.5rem 0.65rem;
	border-bottom: 1px solid color-mix(in srgb, var(--bm-f-outline) 70%, transparent);
	background: var(--bm-f-surface);
}

.bm-repeater__logo-row:last-child {
	border-bottom: none;
}

.bm-repeater__logo-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.15rem;
	flex-shrink: 0;
}

.bm-repeater__logo-actions .bm-repeater__icon-btn {
	min-height: 28px;
}

.bm-repeater__logo-thumb {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 50px;
	padding: 0;
	margin: 0;
	border: 1px dashed color-mix(in srgb, var(--bm-f-primary) 35%, var(--bm-f-outline));
	border-radius: 8px;
	background: var(--bm-f-surface-low);
	cursor: pointer;
	overflow: hidden;
}

.bm-repeater__logo-thumb:hover,
.bm-repeater__logo-thumb:focus {
	border-style: solid;
	border-color: var(--bm-f-primary);
	outline: none;
}

.bm-repeater__logo-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bm-repeater__logo-thumb .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
	color: var(--bm-f-on-surface-variant);
}

.bm-repeater__logo-meta {
	font-size: 12px;
	font-weight: 500;
	color: var(--bm-f-on-surface-variant);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-repeater__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--bm-f-primary);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.bm-repeater__list {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-bottom: 0.75rem;
	min-width: 0;
	max-width: 100%;
}

.bm-repeater__item {
	border: 1px solid var(--bm-f-outline);
	border-radius: 12px;
	padding: 0;
	margin-bottom: 0;
	background: var(--bm-f-surface);
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
	box-shadow: 0 1px 2px color-mix(in srgb, var(--bm-f-primary) 4%, transparent);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-repeater__item:hover {
	border-color: color-mix(in srgb, var(--bm-f-primary) 45%, var(--bm-f-outline));
	box-shadow: 0 4px 14px color-mix(in srgb, var(--bm-f-primary) 10%, transparent);
}

.bm-repeater__item-header {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.7rem 0.75rem;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	background: linear-gradient(
		180deg,
		var(--bm-f-surface-low) 0%,
		var(--bm-f-surface) 100%
	);
	border-bottom: 1px solid color-mix(in srgb, var(--bm-f-outline) 70%, transparent);
}

.bm-repeater__item--slide.is-collapsed .bm-repeater__item-header {
	border-bottom: none;
}

.bm-repeater__item--flat.is-draggable,
.bm-repeater__item--slide.is-draggable {
	cursor: grab;
}

.bm-repeater__item--flat.is-dragging,
.bm-repeater__item--slide.is-dragging {
	opacity: 1;
	cursor: grabbing;
	position: relative;
	background: color-mix(in srgb, var(--bm-f-primary) 6%, var(--bm-f-surface));
	border-style: dashed;
	border-color: color-mix(in srgb, var(--bm-f-primary) 55%, var(--bm-f-outline));
	box-shadow: none;
}

.bm-repeater__item--flat.is-dragging > *:not(.bm-repeater__drag-placeholder),
.bm-repeater__item--slide.is-dragging > *:not(.bm-repeater__drag-placeholder) {
	opacity: 0.28;
	filter: saturate(0.4);
}

.bm-repeater__drag-placeholder {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	pointer-events: none;
	font: 700 12px/1.2 system-ui, sans-serif;
	letter-spacing: 0.02em;
	color: var(--bm-f-primary, #3525cd);
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--bm-f-surface) 78%, transparent),
		color-mix(in srgb, var(--bm-f-surface) 45%, transparent)
	);
}

.bm-repeater__drag-placeholder .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 1;
}

.bm-collection-drag-ghost--fields strong {
	display: block;
	font: 700 13px/1.2 system-ui, sans-serif;
}

.bm-collection-drag-ghost--fields em {
	display: block;
	margin-top: 2px;
	font: 500 11px/1.2 system-ui, sans-serif;
	color: #64748b;
	font-style: normal;
}

.bm-collection-drag-ghost--fields .dashicons {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: var(--bm-f-primary, #3525cd);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
}

.bm-repeater__item--flat.is-drop-target,
.bm-repeater__item--slide.is-drop-target {
	border-color: var(--bm-f-primary);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--bm-f-primary) 35%, transparent);
}

.bm-repeater__drag-handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	margin: 0;
	color: var(--bm-f-on-surface-variant);
	cursor: grab;
}

.bm-repeater__drag-handle .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 1;
}

.bm-repeater__item--flat .bm-repeater__item-toggle {
	cursor: pointer;
}

.bm-repeater__item-toggle {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
	border-radius: 8px;
}

.bm-repeater__item-toggle:hover .bm-repeater__item-title {
	color: var(--bm-f-primary);
}

.bm-repeater__item-toggle:focus-visible {
	outline: 2px solid var(--bm-f-primary);
	outline-offset: 2px;
}

.bm-repeater__item-meta {
	display: block;
	font-size: 11px;
	font-weight: 500;
	color: var(--bm-f-on-surface-variant);
	line-height: 1.3;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-repeater__item-chevron {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	font-size: 16px;
	line-height: 1;
	color: var(--bm-f-on-surface-variant);
}

.bm-repeater__item-toggle:hover .bm-repeater__item-chevron {
	color: var(--bm-f-primary);
}

.bm-repeater__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: var(--bm-f-primary);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.bm-repeater__item-summary {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
}

.bm-repeater__item-title {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--bm-f-on-surface);
	line-height: 1.3;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-repeater__item-url {
	font-size: 11px;
	color: var(--bm-f-on-surface-variant);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-repeater__item-url--muted {
	font-style: italic;
	opacity: 0.75;
}

.bm-repeater__item-header--button {
	border-bottom: none;
	min-width: 0;
	max-width: 100%;
}

.bm-repeater--buttons {
	min-width: 0;
	max-width: 100%;
}

.bm-repeater--buttons .bm-repeater__item,
.bm-repeater--buttons .bm-repeater__list {
	min-width: 0;
	max-width: 100%;
}

.bm-repeater--buttons .bm-repeater__item-summary--link {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
}

.bm-repeater--buttons .bm-repeater__item-footer {
	align-items: flex-start;
}

.bm-repeater--buttons .bm-repeater__item-footer-edit {
	flex: 1 1 auto;
	max-width: 100%;
}

.bm-repeater--buttons .bm-repeater__item-footer-end {
	flex-shrink: 1;
	margin-left: 0;
}

.bm-repeater__item-summary--link {
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.bm-repeater__link-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: var(--bm-f-primary);
	opacity: 0.85;
}

.bm-repeater__item-summary-text {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
	flex: 1;
}

.bm-repeater__item-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	flex-wrap: wrap;
	padding: 0.55rem 0.75rem 0.7rem;
	border-top: 1px solid color-mix(in srgb, var(--bm-f-outline) 70%, transparent);
	background: var(--bm-f-surface-low);
}

.bm-repeater__item-footer-edit {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
	flex-wrap: wrap;
}

.bm-repeater__edit-link {
	min-height: 32px !important;
}

.bm-repeater__icon-side {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
}

.bm-repeater__item-footer-end {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	flex-wrap: wrap;
	margin-left: auto;
	flex-shrink: 0;
}

.bm-repeater__btn-visibility.components-toggle-control {
	margin-bottom: 0 !important;
}

.bm-repeater__btn-visibility .components-base-control__field {
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.bm-repeater__btn-visibility .components-toggle-control__label {
	font-size: 12px;
	line-height: 1.2;
}

.bm-repeater__item--button.is-button-hidden {
	opacity: 0.62;
}

.bm-repeater__item--button.is-button-hidden .bm-repeater__item-summary {
	opacity: 0.85;
}

.bm-repeater__item-footer-edit .bm-repeater__icon-btn--styles {
	min-height: 32px !important;
}

.bm-repeater__icon-size {
	min-width: 7.5rem;
	max-width: 9rem;
}

.bm-repeater__icon-size.is-disabled,
.bm-repeater__icon-styles.is-disabled {
	opacity: 0.22;
	filter: grayscale(0.25);
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.bm-repeater__icon-styles {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-bottom: 0.35rem;
}

.bm-repeater__icon-styles .bm-repeater__icon-size-control,
.bm-repeater__icon-styles .bm-flexible-unit {
	max-width: 11rem;
}

.bm-repeater__icon-size .bm-flexible-unit,
.bm-repeater__icon-size .components-base-control {
	margin-bottom: 0 !important;
}

.bm-repeater__icon-size .components-base-control__label,
.bm-repeater__icon-size .bm-flexible-unit__label {
	font-size: 11px !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bm-f-on-surface-variant);
	margin-bottom: 0.2rem !important;
}

.bm-repeater__icon-size-control .components-input-control__container,
.bm-repeater__icon-size-control .components-unit-control {
	min-height: 32px;
}

.bm-repeater__icon-side-label {
	margin-right: 0.2rem;
	font-size: 11px;
	font-weight: 600;
	color: var(--bm-f-on-surface-variant);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.bm-repeater__icon-side-btn {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	margin: 0;
	padding: 0.3rem 0.55rem;
	border: 1px solid var(--bm-f-outline);
	border-radius: 6px;
	background: var(--bm-f-surface);
	color: var(--bm-f-on-surface);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;
}

.bm-repeater__icon-side-btn:hover:not(:disabled) {
	border-color: var(--bm-f-primary);
	color: var(--bm-f-primary);
}

.bm-repeater__icon-side-btn.is-active {
	border-color: var(--bm-f-primary);
	background: color-mix(in srgb, var(--bm-f-primary) 12%, var(--bm-f-surface));
	color: var(--bm-f-primary);
}

.bm-repeater__icon-side-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.bm-btn-icon-picker {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
	max-width: 100%;
}

.bm-btn-icon-picker__toggle {
	min-width: 32px !important;
	width: 32px !important;
	height: 32px !important;
	max-width: 32px !important;
	padding: 0 !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.bm-btn-icon-picker__toggle .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 1;
}

.bm-btn-icon-picker__popover {
	width: min(280px, 84vw);
	padding: 0.75rem;
}

.bm-btn-icon-picker__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.55rem;
}

.bm-btn-icon-picker__head strong {
	font-size: 12px;
	font-weight: 700;
	color: var(--bm-f-on-surface);
}

.bm-btn-icon-picker__grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 0.35rem;
	max-height: 220px;
	overflow: auto;
}

.bm-btn-icon-picker__item {
	-webkit-appearance: none !important;
	   -moz-appearance: none !important;
	        appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	aspect-ratio: 1;
	min-height: 36px;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	background: var(--bm-f-surface-low, #f0f0f1) !important;
	color: var(--bm-f-on-surface, #1e1e1e) !important;
	cursor: pointer;
	overflow: hidden;
	/* Hide any accidental text nodes; glyphs use :before / ligature spans. */
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: 0 !important;
	white-space: nowrap;
}

.bm-btn-icon-picker__item:hover {
	border-color: var(--bm-f-primary, #3525cd) !important;
	color: var(--bm-f-primary, #3525cd) !important;
}

.bm-btn-icon-picker__item.is-active {
	border-color: var(--bm-f-primary, #3525cd) !important;
	background: color-mix(
		in srgb,
		var(--bm-f-primary, #3525cd) 14%,
		var(--bm-f-surface, #fff)
	) !important;
	color: var(--bm-f-primary, #3525cd) !important;
}

.bm-btn-icon-picker__item .dashicons,
.bm-btn-icon-picker__item [class*='fa-'],
.bm-btn-icon-picker__item [class^='fa'],
.bm-btn-icon-picker__item .material-icons,
.bm-btn-icon-picker__item .material-icons-outlined,
.bm-btn-icon-picker__item .material-icons-round,
.bm-btn-icon-picker__item .material-icons-sharp,
.bm-btn-icon-picker__item .material-icons-two-tone,
.bm-btn-icon-picker__item .material-symbols-outlined,
.bm-btn-icon-picker__item .material-symbols-rounded,
.bm-btn-icon-picker__item .material-symbols-sharp,
.bm-btn-icon-picker__item .bm-icon,
.bm-btn-icon-picker__item .bm-universal-icon-picker__glyph {
	font-size: 18px !important;
	line-height: 1 !important;
	width: 1.15em;
	height: 1.15em;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-indent: 0;
	speak: never;
	/* Ligature fonts need visible text nodes at normal size */
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
}

.bm-btn-icon-picker__item .bm-icon.bm-icon--svg,
.bm-universal-icon-picker__glyph .bm-icon.bm-icon--svg,
.bm-universal-icon-picker__preview .bm-icon.bm-icon--svg,
.bm-universal-icon-picker__glyph--svg svg,
.bm-btn-icon-picker__toggle .bm-universal-icon-picker__preview svg,
.bm-btn-icon-picker__toggle .bm-icon.bm-icon--svg {
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	display: block !important;
	flex-shrink: 0;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2;
	overflow: visible !important;
}

.bm-btn-icon-picker__toggle .bm-universal-icon-picker__preview,
.bm-btn-icon-picker__toggle .bm-universal-icon-picker__glyph {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: inherit;
	font-size: 18px !important;
	line-height: 1 !important;
}

.bm-btn-icon-picker__item .bm-universal-icon-picker__glyph--svg {
	font-size: 18px !important;
	line-height: 1 !important;
	width: 18px !important;
	height: 18px !important;
}

.bm-btn-icon-picker__item .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 1;
}

/* Gutenberg popover portal — beat core button resets */
.components-popover .bm-btn-icon-picker__grid,
.components-popover .bm-universal-icon-picker__grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.components-popover .bm-btn-icon-picker__item {
	display: inline-flex !important;
}

.bm-universal-icon-picker__popover {
	min-width: 280px;
	max-width: 340px;
}

.bm-universal-icon-picker__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 8px;
}

.bm-universal-icon-picker__tab {
	margin: 0;
	padding: 4px 8px;
	border: 1px solid var(--bm-f-outline, #c7c4d8);
	border-radius: 6px;
	background: transparent;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	color: var(--bm-f-on-surface-variant, #646970);
}

.bm-universal-icon-picker__tab.is-active {
	background: var(--bm-f-primary, #3525cd);
	border-color: var(--bm-f-primary, #3525cd);
	color: #fff;
}

.bm-universal-icon-picker__search {
	margin-bottom: 8px !important;
}

.bm-universal-icon-picker__hint,
.bm-universal-icon-picker__empty {
	margin: 0 0 8px;
	font-size: 11px;
	line-height: 1.35;
	color: var(--bm-f-on-surface-variant, #646970);
}

.bm-universal-icon-picker__grid {
	max-height: 220px;
	overflow: auto;
}

.bm-universal-icon-picker__preview,
.bm-btn-icon-picker__item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.bm-repeater__item-actions {
	display: flex;
	align-items: center;
	gap: 0.1rem;
	flex-shrink: 0;
}

.bm-repeater__icon-btn {
	min-width: 28px !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	border-radius: 7px !important;
	color: var(--bm-f-on-surface-variant) !important;
}

.bm-repeater__icon-btn:hover:not(:disabled) {
	background: var(--bm-f-surface-container) !important;
	color: var(--bm-f-primary) !important;
}

.bm-repeater__icon-btn--danger:hover:not(:disabled) {
	background: var(--bm-color-error-surface, #fee2e2) !important;
	color: var(--bm-f-danger) !important;
}

.bm-repeater__icon-btn--styles:hover:not(:disabled) {
	background: var(--bm-f-surface-container) !important;
	color: var(--bm-f-primary) !important;
}

.bm-repeater__edit-styles {
	margin-top: 0.5rem;
	width: 100%;
	justify-content: center;
}

.bm-repeater__item-body {
	padding: 0.75rem;
}

.bm-repeater__item-body .bm-field {
	margin-bottom: 0;
}

.bm-repeater__item-body .bm-link-field__preview {
	background: #fff;
}

.bm-repeater__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
	padding: 1.25rem 1rem;
	border: 1px dashed var(--bm-f-outline);
	border-radius: 12px;
	background: var(--bm-f-surface-low);
	text-align: center;
	color: var(--bm-f-on-surface-variant);
}

.bm-repeater__empty .dashicons {
	width: 28px;
	height: 28px;
	font-size: 28px;
	color: var(--bm-f-primary);
	opacity: 0.7;
}

.bm-repeater__empty p {
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	max-width: 220px;
}

.bm-repeater__add {
	width: 100% !important;
	justify-content: center !important;
	min-height: 42px !important;
	border-radius: 10px !important;
	border-style: dashed !important;
	border-color: var(--bm-f-outline) !important;
	color: var(--bm-f-primary) !important;
	background: var(--bm-f-surface-low) !important;
	font-weight: 600 !important;
}

.bm-repeater__add-slide-row {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 0.35rem;
}

.bm-repeater__add:hover {
	border-color: var(--bm-f-primary) !important;
	background: var(--bm-f-surface-container) !important;
	box-shadow: 0 2px 10px color-mix(in srgb, var(--bm-f-primary) 12%, transparent);
}

.bm-repeater__button-styles {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid var(--bm-f-surface-high, #e2e7ff);
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.bm-inspector-card .bm-repeater__button-styles {
	margin-top: 0.5rem;
	padding: 0.75rem;
	border: 1px solid var(--bm-f-surface-high, #e2e7ff);
	border-radius: 10px;
	background: var(--bm-f-surface, #faf8ff);
}

.bm-repeater__button-styles.is-focused {
	outline: 2px solid var(--wp-admin-theme-color, #3525cd);
	outline-offset: 2px;
}

.bm-btn-style.is-library-source {
	background: color-mix(
		in srgb,
		var(--bm-f-surface, #faf8ff) 72%,
		transparent
	);
	border-color: color-mix(
		in srgb,
		var(--bm-f-outline, #c3c4c7) 45%,
		transparent
	);
}

.bm-btn-style.is-library-source .bm-btn-style__header {
	opacity: 0.7;
}

.bm-btn-style__source {
	position: relative;
	z-index: 1;
}

.bm-btn-style__locked-note {
	margin: 0.35rem 0 0;
	padding: 0.65rem 0.75rem;
	border-radius: 8px;
	border: 1px dashed color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 70%, transparent);
	background: color-mix(in srgb, var(--bm-f-surface-low, #f0f0f1) 80%, transparent);
	font-size: 12px;
	line-height: 1.45;
	color: var(--bm-f-on-surface-variant, #646970);
}

.bm-btn-style__styles.is-readonly .bm-repeater__custom,
.bm-btn-style__styles.is-readonly .components-base-control {
	pointer-events: none;
	opacity: 0.72;
}

.bm-repeater__group-title {
	display: block;
	margin-top: 0.35rem;
	font-size: 12px;
}

.bm-repeater__color-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.65rem 0.5rem;
	margin-bottom: 0.35rem;
}

.bm-repeater__color {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	min-width: 0;
}

.bm-repeater__color-label {
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	color: #1e1e1e;
}

.bm-repeater__color .bm-color-dropdown,
.bm-repeater__color .bm-color-dropdown__toggle {
	width: 100%;
}

.bm-style-field--overlay {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

/*
 * BaseControl help under the label (above the control).
 * Toggle/checkbox keep help below the whole control — label sits beside the input.
 */
.bm-style-field.components-base-control:not(.components-toggle-control):not(.components-checkbox-control),
.bm-flexible-unit-wrap.components-base-control,
.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control),
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control),
.bm-field .components-base-control:not(.components-toggle-control):not(.components-checkbox-control),
.bm-media-field__embed-form .components-base-control,
.bm-btn-style .components-base-control:not(.components-toggle-control):not(.components-checkbox-control),
.bm-btn-style-panel .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) {
	display: flex;
	flex-direction: column;
}

.bm-style-field.components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field,
.bm-flexible-unit-wrap.components-base-control > .components-base-control__field,
.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field,
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field,
.bm-field .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field,
.bm-media-field__embed-form .components-base-control > .components-base-control__field,
.bm-btn-style .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field,
.bm-btn-style-panel .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field {
	display: contents;
}

.bm-style-field.components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-flexible-unit-wrap.components-base-control .components-base-control__label,
.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-field .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-media-field__embed-form .components-base-control .components-base-control__label,
.bm-btn-style .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-btn-style-panel .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-inspector-card .components-input-control__label,
.bm-element-toolbar .components-input-control__label,
.bm-style-field .components-input-control__label,
.bm-flexible-unit-wrap .components-input-control__label {
	order: 0;
	display: inline-block;
	margin-bottom: 0.35rem;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, var(--bm-color-on-surface-variant, #464555));
}

.bm-style-field.components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help,
.bm-flexible-unit-wrap.components-base-control > .components-base-control__help,
.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help,
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help,
.bm-field .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help,
.bm-media-field__embed-form .components-base-control > .components-base-control__help,
.bm-btn-style .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help,
.bm-btn-style-panel .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help {
	order: 1;
	margin-top: 4px;
	margin-bottom: 8px;
}

.bm-style-field.components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-flexible-unit-wrap.components-base-control > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-field .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-media-field__embed-form .components-base-control > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-btn-style .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-btn-style-panel .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label) {
	order: 2;
}

.bm-style-field--fill {
	margin-bottom: 0.5rem;
}

.bm-style-field--gradient .bm-gradient-picker {
	padding: 0.35rem 0 0;
}

.bm-style-field--gradient .components-custom-gradient-picker__ui-line,
.bm-style-field--gradient .components-custom-gradient-picker {
	margin-top: 0.35rem;
}

.bm-style-field--gradient .components-circular-option-picker {
	margin-top: 0.25rem;
}

/* WordPress-like per-button style panels */
.bm-btn-style {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.bm-btn-style__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

.bm-btn-style__header-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
}

.bm-btn-style__header .bm-repeater__group-title {
	margin: 0;
}

.bm-btn-style__icon-pick {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.35rem;
}

.bm-btn-style-panel {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: 0.65rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 70%, transparent);
}

.bm-btn-style-panel:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.bm-btn-style-panel__title {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #646970);
}

.bm-btn-style-panel__body {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.bm-btn-style,
.bm-btn-style__styles,
.bm-btn-style-panel,
.bm-btn-style-panel__body,
.bm-repeater__button-styles {
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.bm-btn-style-panel__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0.55rem;
	align-items: start;
	min-width: 0;
}

.bm-btn-style-panel__row > * {
	min-width: 0;
	max-width: 100%;
}

@media (max-width: 420px) {
	.bm-btn-style-panel__row {
		grid-template-columns: 1fr;
	}
}

.bm-font-size-field {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	min-width: 0;
	max-width: 100%;
}

/* Expanding text + WYSIWYG popup */
.bm-text-wysiwyg {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin-bottom: 0.85rem;
}

.bm-text-wysiwyg__head {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	min-height: 1.4rem;
}

.bm-text-wysiwyg__label,
.bm-text-wysiwyg__label.bm-field-label {
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-text-wysiwyg__label-spacer {
	flex: 1;
	min-width: 0;
}


.bm-text-wysiwyg__input {
	display: block;
	width: 100%;
	min-height: 2.5rem;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0.65rem 0.75rem;
	border: 1px solid color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 75%, transparent);
	border-radius: 10px;
	background: #fff;
	color: var(--bm-f-on-surface, #1e1e1e);
	font: inherit;
	font-size: 13px;
	line-height: 1.45;
	box-shadow: none;
	white-space: pre-wrap;
	word-break: break-word;
	cursor: text;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-text-wysiwyg__input:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--bm-f-primary, #3525cd) 55%, transparent);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--bm-f-primary, #3525cd) 35%, transparent);
}

.bm-text-wysiwyg__input.is-empty:before {
	content: attr(data-placeholder);
	color: color-mix(in srgb, var(--bm-f-on-surface-variant, #646970) 85%, transparent);
	pointer-events: none;
}

.bm-text-wysiwyg__input p,
.bm-text-wysiwyg__input ul,
.bm-text-wysiwyg__input ol {
	margin: 0 0 0.35em;
}

/*
 * Tailwind / admin resets set list-style: none on ul/ol — restore markers
 * inside the formatted content surface (and nested lists).
 */
.bm-text-wysiwyg__input ul {
	list-style-type: disc !important;
	list-style-position: outside;
	padding-left: 1.35em;
}

.bm-text-wysiwyg__input ol {
	list-style-type: decimal !important;
	list-style-position: outside;
	padding-left: 1.35em;
}

.bm-text-wysiwyg__input ul ul {
	list-style-type: circle !important;
}

.bm-text-wysiwyg__input ul ul ul {
	list-style-type: square !important;
}

.bm-text-wysiwyg__input ol ol {
	list-style-type: lower-alpha !important;
}

.bm-text-wysiwyg__input li {
	list-style: inherit;
	display: list-item;
	margin: 0 0 0.15em;
}

.bm-text-wysiwyg__input li:last-child {
	margin-bottom: 0;
}

.bm-text-wysiwyg__input p:last-child,
.bm-text-wysiwyg__input ul:last-child,
.bm-text-wysiwyg__input ol:last-child {
	margin-bottom: 0;
}

.bm-text-wysiwyg__help {
	margin: 4px 0 8px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--bm-f-on-surface-variant, #646970);
}

.bm-text-wysiwyg__head .bm-text-wysiwyg__help {
	margin: 0;
	flex: 1 1 auto;
}

/* Field-aware format toolbar (FormatToolbar.js) */
.bm-format-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.4rem;
	border: 1px solid color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 55%, transparent);
	border-radius: 10px;
	background: var(--bm-f-surface-low, #f2f3ff);
}

.bm-format-toolbar__group {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 2px;
	border-radius: 8px;
	background: color-mix(in srgb, #fff 80%, transparent);
	border: 1px solid color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 40%, transparent);
}

.bm-format-toolbar__btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 2rem !important;
	height: 2rem !important;
	min-height: 2rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: var(--bm-f-on-surface, #131b2e) !important;
	cursor: pointer;
	box-shadow: none !important;
	line-height: 1 !important;
}

.bm-format-toolbar__btn:hover,
.bm-format-toolbar__btn:focus-visible {
	background: color-mix(in srgb, var(--bm-f-primary, #3525cd) 10%, #fff) !important;
	color: var(--bm-f-primary, #3525cd) !important;
	outline: none;
}

.bm-format-toolbar__btn.is-active,
.bm-format-toolbar__btn.is-open {
	background: color-mix(in srgb, var(--bm-f-primary, #3525cd) 14%, #fff) !important;
	color: var(--bm-f-primary, #3525cd) !important;
}

.bm-format-toolbar__btn .dashicons {
	width: 1.15rem;
	height: 1.15rem;
	font-size: 1.15rem;
	line-height: 1;
}

.bm-format-toolbar__glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	font-family: ui-sans-serif, system-ui, sans-serif;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.bm-format-toolbar__btn--color {
	width: auto !important;
	min-width: 2rem;
	padding: 0 0.35rem !important;
	gap: 0.25rem;
}

.bm-format-toolbar__swatch {
	width: 0.85rem !important;
	height: 0.85rem !important;
	border-radius: 999px;
}

.bm-format-toolbar__font {
	min-width: 8.5rem;
	max-width: 12rem;
}

.bm-format-toolbar__btn--fonts {
	gap: 0.25rem;
	padding-inline: 0.45rem 0.55rem !important;
	width: auto !important;
	min-width: auto !important;
}

.bm-format-toolbar__btn-label {
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.01em;
}

.bm-format-toolbar__fonts-panel {
	min-width: 240px;
	max-width: 280px;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.bm-format-toolbar__fonts-title {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.7;
}

.bm-format-toolbar__fonts-field .bm-searchable-select,
.bm-format-toolbar__fonts-field .bm-styled-select {
	margin-bottom: 0 !important;
}

.bm-format-toolbar__fonts-field .components-base-control__label,
.bm-format-toolbar__fonts-field .bm-searchable-select .components-base-control__label {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 11px;
	font-weight: 600;
}

.bm-format-toolbar__fonts-field .components-text-control__input,
.bm-format-toolbar__fonts-field input[type='text'] {
	min-height: 2rem !important;
	font-size: 12px !important;
}

.bm-format-toolbar__fonts-popover,
.components-dropdown__content.bm-format-toolbar__fonts-popover {
	z-index: 1000600;
	overflow: visible !important;
}

.bm-format-toolbar__fonts-popover .components-popover__content,
.components-dropdown__content.bm-format-toolbar__fonts-popover .components-popover__content {
	overflow: visible !important;
}

/* Nested selects must paint above the Fonts popover shell. */
.bm-format-toolbar__select-menu.bm-select-menu--fixed,
.bm-format-toolbar__select-menu.bm-styled-select__list--portal {
	z-index: 1001800 !important;
}

.bm-format-toolbar__font--heading {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	flex: 0 0 60px;
}

.bm-format-toolbar__font--heading .bm-styled-select__toggle {
	padding-left: 0.2rem !important;
	padding-right: 0.15rem !important;
	gap: 0 !important;
}

.bm-format-toolbar__font--heading .bm-styled-select__value {
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	font-size: 11px !important;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.bm-format-toolbar__font--heading .bm-styled-select__toggle .dashicons {
	font-size: 12px;
	width: 12px;
	height: 12px;
	margin: 0 !important;
}

.bm-format-toolbar__heading-menu {
	min-width: 4.5rem !important;
}

.bm-format-toolbar__font--size {
	min-width: 7.5rem;
	max-width: 10.5rem;
}

.bm-format-toolbar__font--weight {
	min-width: 8.5rem;
	max-width: 11rem;
}

.bm-format-toolbar__font .bm-searchable-select,
.bm-format-toolbar__font .bm-styled-select {
	margin-bottom: 0 !important;
}

.bm-format-toolbar__font .bm-styled-select__toggle,
.bm-format-toolbar__font .components-combobox-control__input,
.bm-format-toolbar__font .components-form-token-field__input {
	min-height: 2rem !important;
	font-size: 12px !important;
}

.bm-format-toolbar__font .bm-styled-select__toggle {
	padding-top: 0.2rem !important;
	padding-bottom: 0.2rem !important;
}

.bm-format-toolbar__color-panel {
	min-width: 240px;
	max-width: 280px;
}

.bm-format-toolbar__color-tabs .components-tab-panel__tabs {
	display: flex;
	gap: 0;
	margin: 0 0 0.65rem;
	border-bottom: 1px solid
		color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 55%, transparent);
}

.bm-format-toolbar__color-tabs .components-tab-panel__tabs-item {
	flex: 1;
	justify-content: center;
	min-height: 2rem;
	padding: 0.35rem 0.5rem;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
	background: transparent;
}

.bm-format-toolbar__color-tabs .components-tab-panel__tabs-item.is-active {
	color: var(--bm-f-primary, #3525cd);
	box-shadow: inset 0 -2px 0 0 var(--bm-f-primary, #3525cd);
}

.bm-format-toolbar__color-empty {
	margin: 0.35rem 0 0.5rem;
	font-size: 12px;
	line-height: 1.4;
	color: var(--bm-f-on-surface-variant, #646970);
}

.bm-format-toolbar__color-label {
	margin: 0 0 0.5rem;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-format-toolbar__color-label--custom {
	margin-top: 0.85rem;
}

.bm-format-toolbar__color-panel .react-colorful,
.bm-format-toolbar__color-panel .components-color-picker {
	width: 100%;
}

/* Persisted selection mark while the color picker is open */
[data-bm-format-sel='1'] {
	background-color: rgba(53, 116, 240, 0.35);
	border-radius: 2px;
}

/* Preview / canvas host — anchored above the edited text */
.bm-preview-format-bar--anchored {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.4rem;
	border: 1px solid color-mix(in srgb, var(--bm-f-outline, #c3c4c7) 50%, transparent);
	border-radius: 10px;
	background: color-mix(in srgb, #fff 96%, transparent);
	box-shadow: 0 8px 24px rgba(19, 27, 46, 0.16);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	pointer-events: auto;
	max-width: min(920px, calc(100vw - 1rem));
}

.bm-preview-format-bar--anchored .bm-format-toolbar {
	border: 0;
	background: transparent;
	padding: 0;
}

/* Color popover above the anchored toolbar */
.bm-format-toolbar__color-popover,
.components-dropdown__content.bm-format-toolbar__color-popover {
	z-index: 100170 !important;
}

.bm-text-wysiwyg--plain .bm-text-wysiwyg__head {
	margin-bottom: 0;
}

/**
 * Shared bordered cards for inspector Fields / Styles groups.
 * Used by Gutenberg, frontend editor, admin Design panel, and ElementToolbar.
 */

.bm-inspector-stack {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	max-width: 100%;
}

.bm-inspector-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 10px;
	border: 1px solid #e2e4e7;
	border-radius: 2px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(19, 27, 46, 0.04);
	min-width: 0;
	max-width: 100%;
	overflow-x: hidden;
	/* Menus portal/fixed outside — card itself must not scroll from dropdowns. */
	overflow-y: visible;
}

.bm-inspector-card--nested {
	padding: 10px;
	background: #f6f7f9;
	border-color: #dcdcde;
	box-shadow: none;
}

.bm-inspector-card__title {
	display: block;
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #464555;
}

.bm-inspector-card__title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	min-width: 0;
}

.bm-inspector-card__title-row .bm-inspector-card__title {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
}

.bm-inspector-card__title-action {
	flex: 0 0 auto;
}

.bm-inspector-card__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	text-align: left;
	color: inherit;
}

.bm-inspector-card__toggle .bm-inspector-card__title {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
}

.bm-inspector-card__chevron {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1;
	color: #777587;
	transition: transform 0.15s ease;
}

.bm-inspector-card.is-open > .bm-inspector-card__toggle .bm-inspector-card__chevron {
	transform: rotate(180deg);
}

.bm-inspector-card__toggle:hover .bm-inspector-card__chevron,
.bm-inspector-card__toggle:focus-visible .bm-inspector-card__chevron {
	color: #3525cd;
}

.bm-inspector-card__toggle:focus-visible {
	outline: 2px solid #3525cd;
	outline-offset: 2px;
	border-radius: 2px;
}

.bm-inspector-card > .bm-inspector-card__title + *,
.bm-inspector-card > .bm-inspector-card__toggle + * {
	margin-top: 0;
}

/* Dense fields inside cards — gap owns spacing. */
.bm-inspector-card .bm-style-field,
.bm-inspector-card .bm-style-field--fill,
.bm-inspector-card .bm-style-field--overlay,
.bm-inspector-card .bm-style-field--spacing,
.bm-inspector-card .bm-style-field--box-spacing,
.bm-inspector-card .bm-field,
.bm-inspector-card .bm-field-wrap--visibility,
.bm-inspector-card .bm-searchable-select,
.bm-inspector-card .bm-element-toolbar__field,
.bm-inspector-card .components-base-control,
.bm-inspector-card .components-base-control__field {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.bm-inspector-card .bm-style-field__spacing-row {
	margin-bottom: 0;
	padding-bottom: 14px;
}

.bm-inspector-card .bm-flexible-unit,
.bm-inspector-card .bm-flexible-unit-wrap {
	margin-bottom: 0 !important;
}

.bm-inspector-card .bm-gutenberg-elements__list {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 4px;
	margin: 0;
	width: 100%;
}

.bm-inspector-card .bm-gutenberg-elements__list-static,
.bm-inspector-card .bm-gutenberg-elements__sortable {
	width: 100%;
}

.bm-inspector-card .bm-gutenberg-elements__list-static .bm-gutenberg-element-btn,
.bm-inspector-card .bm-gutenberg-elements__sortable .bm-gutenberg-element-btn,
.bm-inspector-card .bm-gutenberg-elements__list > .bm-gutenberg-element-btn {
	width: 100%;
	flex: 0 0 auto;
	max-width: 100%;
}

/*
 * BaseControl help under the label (above the control).
 * Toggle/checkbox keep default help placement.
 */
.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control),
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) {
	display: flex;
	flex-direction: column;
}

.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field,
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field {
	display: contents;
}

.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) .components-base-control__label,
.bm-inspector-card .components-input-control__label,
.bm-element-toolbar .components-input-control__label {
	order: 0;
	display: inline-block;
	margin-bottom: 0.35rem;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, var(--bm-color-on-surface-variant, #464555));
}

.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help,
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__help {
	order: 1;
	margin-top: 4px;
	margin-bottom: 8px;
}

.bm-inspector-card .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label),
.bm-element-toolbar .components-base-control:not(.components-toggle-control):not(.components-checkbox-control) > .components-base-control__field > *:not(.components-base-control__label):not(label) {
	order: 2;
}

.bm-element-toolbar--panel {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.bm-element-toolbar__header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

.bm-element-toolbar__back {
	justify-content: flex-start !important;
	width: 100%;
	height: auto !important;
	min-height: 36px;
	padding: 6px 10px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}

.bm-element-toolbar__context {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 12px 12px 12px 14px;
	border: 1px solid #e2d4a8;
	border-left: 4px solid #dba617;
	border-radius: 2px;
	background: #fcf9e8;
	isolation: isolate;
}

.bm-element-toolbar__context::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: 0 0 0 0 rgba(219, 166, 23, 0.45);
	animation: bm-currently-editing-pulse 2s ease-out infinite;
}

@keyframes bm-currently-editing-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(219, 166, 23, 0.45);
		opacity: 1;
	}
	70% {
		box-shadow: 0 0 0 14px rgba(219, 166, 23, 0);
		opacity: 0;
	}
	100% {
		box-shadow: 0 0 0 0 rgba(219, 166, 23, 0);
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bm-element-toolbar__context::after {
		animation: none;
		opacity: 0;
	}
}

.bm-element-toolbar__context-eyebrow {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #996800;
	line-height: 1.3;
}

.bm-element-toolbar__context-title {
	display: block;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	color: #1d2327;
}

.bm-element-toolbar__context-note {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.4;
	color: #3c434a;
}

.bm-element-toolbar__hint {
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	color: #757575;
}

.bm-element-toolbar__hint--hidden {
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px dashed #c7c4d8;
	background: color-mix(in srgb, #f0f0f1 85%, transparent);
	color: #646970;
}

.bm-element-toolbar__styles.is-element-hidden {
	opacity: 0.28;
	filter: grayscale(0.2);
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

/* Toolbar uses shared .bm-inspector-card / __title — only field density overrides here. */
.bm-element-toolbar .bm-inspector-card > .components-base-control,
.bm-element-toolbar .bm-inspector-card > .bm-style-field,
.bm-element-toolbar .bm-inspector-card > .bm-searchable-select,
.bm-element-toolbar .bm-inspector-card > .bm-element-toolbar__field {
	margin-bottom: 0 !important;
}

.bm-element-toolbar .bm-inspector-card .bm-element-toolbar__field .bm-flexible-unit,
.bm-element-toolbar .bm-inspector-card .bm-element-toolbar__field.bm-flexible-unit-wrap {
	margin-bottom: 0 !important;
}

.bm-element-toolbar__color-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0.65rem 0.5rem;
	min-width: 0;
}

.bm-element-toolbar__color-grid .bm-element-toolbar__field {
	margin-bottom: 0;
	min-width: 0;
}

.bm-element-toolbar__color-grid .bm-color-dropdown,
.bm-element-toolbar__color-grid .bm-color-dropdown__toggle {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.bm-element-toolbar__field {
	margin-bottom: 0;
	min-width: 0;
	max-width: 100%;
}

.bm-element-toolbar__styles,
.bm-element-toolbar .bm-inspector-card {
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.bm-element-toolbar .bm-font-size-field {
	margin-bottom: 0;
}

.bm-color-dropdown {
	display: block;
	width: 100%;
}

.bm-color-dropdown__toggle {
	display: flex !important;
	align-items: center;
	gap: 8px;
	width: 100%;
	justify-content: flex-start;
}

.bm-color-dropdown__panel {
	min-width: 260px;
}

.bm-element-toolbar__state-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
	margin: 0;
	padding: 4px;
	border-radius: 10px;
	background: var(--bm-color-surface-container, #eaedff);
	border: 1px solid color-mix(in srgb, var(--bm-color-outline-variant, #c7c4d8) 70%, transparent);
}

.bm-element-toolbar__state-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	margin: 0;
	padding: 6px 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--bm-color-on-surface-variant, #464555);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.bm-element-toolbar__state-tab:hover {
	color: var(--bm-color-on-surface, #131b2e);
	background: color-mix(in srgb, #fff 55%, transparent);
}

.bm-element-toolbar__state-tab.is-active {
	background: var(--bm-color-primary, #3525cd);
	color: var(--bm-color-on-primary, #fff);
}



.bm-flexible-unit {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
	width: 100%;
	min-width: 0;
}

.bm-flexible-unit .components-base-control,
.bm-flexible-unit .components-base-control__field {
	margin-bottom: 0;
}

.bm-flexible-unit__toggle {
	position: static;
	align-self: flex-end;
	z-index: 1;
	line-height: 1;
}

.bm-flexible-unit__toggle-btn.components-button.is-link {
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	font-size: 10px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	opacity: 0.75;
}

.bm-flexible-unit__toggle-btn.components-button.is-link:hover,
.bm-flexible-unit__toggle-btn.components-button.is-link:focus {
	opacity: 1;
	text-decoration: underline !important;
}

.bm-flexible-unit-wrap {
	margin-bottom: 0;
	min-width: 0;
	max-width: 100%;
}

.bm-flexible-unit-wrap .components-base-control__field,
.bm-flexible-unit .components-unit-control-wrapper,
.bm-flexible-unit .components-input-control,
.bm-flexible-unit .components-input-control__container {
	min-width: 0;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

/* Keep columns top-aligned when toggle sits under the input. */
.bm-style-field__spacing-row {
	align-items: flex-start;
	margin-bottom: 0;
}

.bm-style-field__spacing-col--unit {
	overflow: visible;
	justify-content: flex-start;
}

.bm-style-field__spacing-col--unit .bm-flexible-unit {
	width: 100%;
}

.bm-box-spacing__row,
.bm-style-field--spacing,
.bm-element-toolbar .bm-inspector-card {
	overflow: visible;
}

.bm-element-toolbar__field .bm-flexible-unit,
.bm-element-toolbar__field.bm-flexible-unit-wrap {
	margin-bottom: 0;
}

.bm-intel-spacing {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.bm-intel-spacing__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 24px;
}

.bm-intel-spacing__title {
	margin: 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	color: #1e1e1e;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Match Gutenberg BoxControl linked button (borderless icon). */
.bm-intel-spacing__link.components-button,
.bm-intel-spacing .component-box-control__linked-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px !important;
	width: 24px !important;
	height: 24px !important;
	padding: 0 !important;
	margin: 0;
	border: 0 !important;
	border-radius: 2px;
	background: transparent !important;
	box-shadow: none !important;
	color: #1e1e1e;
}

.bm-intel-spacing__link.components-button:hover,
.bm-intel-spacing__link.components-button:focus,
.bm-intel-spacing .component-box-control__linked-button:hover,
.bm-intel-spacing .component-box-control__linked-button:focus {
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wp-admin-theme-color, #007cba);
}

.bm-intel-spacing__link.is-linked,
.bm-intel-spacing__link.is-axial,
.bm-intel-spacing__link[aria-pressed='true'] {
	color: var(--wp-admin-theme-color, #007cba);
}

.bm-intel-spacing__link .dashicon,
.bm-intel-spacing__link svg {
	width: 24px;
	height: 24px;
}

.bm-intel-spacing__row {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	min-width: 0;
}

.bm-intel-spacing__row .bm-style-field__spacing-row {
	width: 100%;
	min-width: 0;
	margin: 0;
}

.bm-intel-spacing__row > .bm-spacing-side-icon {
	justify-self: center;
	align-self: start;
}

/* Gutenberg BoxControl side preview strokes. */
.bm-spacing-side-icon {
	box-sizing: border-box;
	display: block;
	width: 26px;
	height: 26px;
	position: relative;
	padding: 4px;
	color: #1e1e1e;
	flex-shrink: 0;
}

.bm-spacing-side-icon__view {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	transform: scale(1.05);
	transform-origin: center center;
}

.bm-spacing-side-icon__stroke {
	box-sizing: border-box;
	display: block;
	pointer-events: none;
	position: absolute;
	background-color: currentColor;
	opacity: 0.3;
}

.bm-spacing-side-icon__stroke.is-focused {
	opacity: 1;
}

.bm-spacing-side-icon__stroke--top,
.bm-spacing-side-icon__stroke--bottom {
	height: 2px;
	left: 3px;
	right: 3px;
}

.bm-spacing-side-icon__stroke--top {
	top: 0;
}

.bm-spacing-side-icon__stroke--bottom {
	bottom: 0;
}

.bm-spacing-side-icon__stroke--left,
.bm-spacing-side-icon__stroke--right {
	width: 2px;
	top: 3px;
	bottom: 3px;
}

.bm-spacing-side-icon__stroke--left {
	left: 0;
}

.bm-spacing-side-icon__stroke--right {
	right: 0;
}

.bm-inspector-card .bm-intel-spacing + .bm-intel-spacing {
	margin-top: 4px;
	padding-top: 10px;
	border-top: 1px solid #e2e4e7;
}

/* Solid / Gradient only (direct tabs) — Theme / Default stay nested & untouched */
.bm-fill-color-palette > .components-tab-panel__tabs {
	display: flex;
	gap: 4px;
	margin: 0 0 0.75rem;
	padding: 0;
	border: 0;
	border-bottom: 1px solid
		color-mix(in srgb, var(--bm-f-outline, var(--bm-color-outline, #c3c4c7)) 55%, transparent);
	background: transparent;
	box-sizing: border-box;
}

.bm-fill-color-palette > .components-tab-panel__tabs > .components-tab-panel__tabs-item {
	flex: 1;
	justify-content: center;
	min-height: 2.25rem;
	padding: 0.4rem 0.55rem;
	border: 0 !important;
	border-radius: 6px 6px 0 0;
	box-shadow: none !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, var(--bm-color-on-surface-variant, #464555));
	background: transparent !important;
	transition: background 0.12s ease, color 0.12s ease;
}

.bm-fill-color-palette
	> .components-tab-panel__tabs
	> .components-tab-panel__tabs-item:hover:not(.is-active):not([aria-selected='true']) {
	color: var(--bm-f-on-surface, var(--bm-color-on-surface, #131b2e));
	background: color-mix(
		in srgb,
		var(--bm-f-primary, var(--bm-color-primary, #3525cd)) 8%,
		transparent
	) !important;
}

/* Active Solid tab — solid primary fill */
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> .components-tab-panel__tabs-item.is-active,
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> .components-tab-panel__tabs-item[aria-selected='true'],
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> [id$='-solid'].is-active,
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> [id$='-solid'][aria-selected='true'] {
	color: #fff !important;
	background-color: var(--bm-f-primary, var(--bm-color-primary, #3525cd)) !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Active Gradient tab — gradient fill (must set background-image; app button reset used to strip it) */
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> [id$='-gradient'].is-active,
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> [id$='-gradient'][aria-selected='true'],
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> .components-tab-panel__tabs-item.is-active:nth-child(2),
.bm-fill-color-palette
	> .components-tab-panel__tabs
	> .components-tab-panel__tabs-item[aria-selected='true']:nth-child(2) {
	color: #fff !important;
	background-color: transparent !important;
	background-image: linear-gradient(
		135deg,
		var(--bm-f-primary, var(--bm-color-primary, #3525cd)) 0%,
		var(--bm-f-on-surface, var(--bm-color-on-surface, #131b2e)) 100%
	) !important;
	box-shadow: none !important;
}

.bm-fill-color-palette__gradient {
	padding-top: 0.15rem;
}

.bm-fill-color-palette__gradient .components-custom-gradient-picker__ui-line,
.bm-fill-color-palette__gradient .components-custom-gradient-picker {
	margin-top: 0.35rem;
}

.bm-fill-color-palette__gradient .components-circular-option-picker {
	margin-top: 0.25rem;
	width: 100%;
}

/*
 * Gradient stop handles — app-wide button resets collapse these (height:auto /
 * box-shadow:none). Keep them as visible, clickable circles on the preview bar.
 */
.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__control-point-dropdown {
	height: 16px !important;
	width: 16px !important;
	min-height: 16px !important;
	min-width: 16px !important;
}

.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__control-point-button,
.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__insert-point-dropdown {
	-webkit-appearance: none !important;
	   -moz-appearance: none !important;
	        appearance: none !important;
	box-sizing: border-box !important;
	display: block !important;
	height: 16px !important;
	width: 16px !important;
	min-height: 16px !important;
	min-width: 16px !important;
	max-height: 16px !important;
	max-width: 16px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background-image: none !important;
	cursor: pointer !important;
	line-height: 0 !important;
}

.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__control-point-button {
	/* Color fill is set inline from the stop; ring keeps the handle readable. */
	box-shadow:
		inset 0 0 0 2px #fff,
		0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__control-point-button:focus,
.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__control-point-button.is-active {
	box-shadow:
		inset 0 0 0 3px #fff,
		0 0 0 1px rgba(0, 0, 0, 0.45) !important;
}

.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__insert-point-dropdown {
	background: #fff !important;
	padding: 2px !important;
	color: #1e1e1e !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
}

.bm-fill-color-palette__gradient
	.components-custom-gradient-picker__insert-point-dropdown
	svg {
	display: block !important;
	height: 100% !important;
	width: 100% !important;
}

/* Gradient preview on the color dropdown toggle */
.bm-color-dropdown__indicator--gradient {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid
		color-mix(in srgb, var(--bm-f-outline, var(--bm-color-outline, #c3c4c7)) 70%, transparent);
	box-sizing: border-box;
	flex-shrink: 0;
}

/* Theme / Default tabs for shared color pickers */
.bm-theme-color-palette .components-tab-panel__tabs {
	display: flex;
	gap: 0;
	margin: 0 0 0.65rem;
	border-bottom: 1px solid
		color-mix(in srgb, var(--bm-f-outline, var(--bm-color-outline, #c3c4c7)) 55%, transparent);
}

.bm-theme-color-palette .components-tab-panel__tabs-item {
	flex: 1;
	justify-content: center;
	min-height: 2rem;
	padding: 0.35rem 0.5rem;
	border: 0;
	border-radius: 0;
	box-shadow: none !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, var(--bm-color-on-surface-variant, #464555));
	background: transparent;
}

.bm-theme-color-palette .components-tab-panel__tabs-item.is-active {
	color: var(--bm-f-primary, var(--bm-color-primary, #3525cd));
	box-shadow: inset 0 -2px 0 0
		var(--bm-f-primary, var(--bm-color-primary, #3525cd)) !important;
}

.bm-theme-color-palette__empty {
	margin: 0.35rem 0 0.5rem;
	font-size: 12px;
	line-height: 1.4;
	color: var(--bm-f-on-surface-variant, var(--bm-color-on-surface-variant, #464555));
}

.bm-theme-color-palette__tab .components-circular-option-picker {
	width: 100%;
}

.bm-theme-color-palette__opacity {
	margin: 0.75rem 0 0.35rem;
	padding: 8px 10px;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	transition:
		background 0.2s ease,
		box-shadow 0.2s ease;
}

.bm-theme-color-palette__opacity.is-highlighted {
	animation: bm-opacity-notice 1.6s ease;
}

@keyframes bm-opacity-notice {
	0%,
	100% {
		background: transparent;
		box-shadow: none;
	}
	12%,
	55% {
		background: #fff3a0;
		box-shadow:
			0 0 0 2px #f0c800,
			0 4px 14px rgba(240, 200, 0, 0.35);
	}
}

.bm-theme-color-palette__opacity .components-base-control__label,
.bm-theme-color-palette__opacity .components-range-control__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.bm-theme-color-palette__clear {
	display: flex;
	justify-content: flex-start;
	margin-top: 0.25rem;
}

.bm-theme-color-palette__clear .components-button {
	padding-left: 0;
}

/*
 * Align color swatch fill with the checkerboard ::before.
 * App button resets + Button __next40pxDefaultSize otherwise leave the
 * option smaller/offset inside the 28px wrapper.
 */
.joc-blockora-morph-app .components-circular-option-picker__option-wrapper,
.components-popover .components-circular-option-picker__option-wrapper,
.bm-color-dropdown__content .components-circular-option-picker__option-wrapper,
.bm-theme-color-palette .components-circular-option-picker__option-wrapper,
.bm-fill-color-palette .components-circular-option-picker__option-wrapper {
	position: relative !important;
	display: inline-block !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	vertical-align: top;
}

.joc-blockora-morph-app .components-circular-option-picker__option-wrapper::before,
.components-popover .components-circular-option-picker__option-wrapper::before,
.bm-color-dropdown__content .components-circular-option-picker__option-wrapper::before,
.bm-theme-color-palette .components-circular-option-picker__option-wrapper::before,
.bm-fill-color-palette .components-circular-option-picker__option-wrapper::before {
	top: 1px !important;
	right: 1px !important;
	bottom: 1px !important;
	left: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-sizing: border-box !important;
	pointer-events: none;
}

.joc-blockora-morph-app .components-circular-option-picker__option-wrapper > div,
.components-popover .components-circular-option-picker__option-wrapper > div,
.bm-color-dropdown__content .components-circular-option-picker__option-wrapper > div,
.bm-theme-color-palette .components-circular-option-picker__option-wrapper > div,
.bm-fill-color-palette .components-circular-option-picker__option-wrapper > div {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.joc-blockora-morph-app .components-circular-option-picker__option,
.components-popover .components-circular-option-picker__option,
.bm-color-dropdown__content .components-circular-option-picker__option,
.bm-theme-color-palette .components-circular-option-picker__option,
.bm-fill-color-palette .components-circular-option-picker__option {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	line-height: 0 !important;
	/* Color is the inset box-shadow — never clear it. */
	background-image: none !important;
}

.bm-shadow-fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.bm-shadow-fields__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 32px;
}

.bm-shadow-fields__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-shadow-fields__toggle {
	margin: 0 !important;
}

.bm-shadow-fields__toggle .components-base-control__field {
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

.bm-shadow-fields__toggle .components-form-toggle {
	margin-right: 0;
}

.bm-shadow-fields__toggle .components-toggle-control__label {
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-shadow-fields__box-dropdown {
	display: block;
	width: 100%;
}

.bm-shadow-fields__box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 72px;
	margin: 0;
	padding: 18px 16px;
	border: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 70%, transparent);
	border-radius: 10px;
	background: color-mix(in srgb, var(--bm-ed-surface-low, #f2f3ff) 55%, #fff);
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-shadow-fields__box:hover,
.bm-shadow-fields__box.is-open,
.bm-shadow-fields__box:focus-visible {
	border-color: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 35%, var(--bm-ed-outline, #c7c4d8));
	outline: none;
}

.bm-shadow-fields__box:focus-visible {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 22%, transparent);
}

.bm-shadow-fields__box-surface {
	display: block;
	width: 100%;
	max-width: 160px;
	height: 36px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2e4e7;
}

.bm-shadow-fields__popover {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 260px;
	max-width: 300px;
}

.bm-shadow-fields__popover-title {
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #50575e;
}

.bm-shadow-fields__popover .components-base-control {
	margin-bottom: 0;
}

.bm-shadow-fields__color {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 4px;
	border-top: 1px solid #e2e4e7;
}

.bm-shadow-fields__color-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #50575e;
}

.bm-shadow-fields__color-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.bm-shadow-fields__color-value {
	font-size: 12px;
	font-weight: 500;
	color: #50575e;
	word-break: break-all;
}

.bm-shadow-fields__color .components-circular-option-picker,
.bm-shadow-fields__color .components-color-palette {
	width: 100%;
}

.bm-box-border {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.bm-box-border__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-box-border__toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--bm-f-outline-variant, rgba(119, 117, 135, 0.35));
	border-radius: 8px;
	background: var(--bm-f-surface, #fff);
	cursor: pointer;
	text-align: left;
	transition:
		border-color 0.12s ease,
		box-shadow 0.12s ease;
}

.bm-box-border__toggle:hover,
.bm-box-border__toggle.is-open {
	border-color: var(--bm-f-primary, #3525cd);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--bm-f-primary, #3525cd) 25%, transparent);
}

.bm-box-border__preview {
	flex: 0 0 auto;
	width: 36px;
	height: 28px;
	box-sizing: border-box;
	border-radius: 4px;
	background: var(--bm-f-surface-low, #f2f3ff);
}

.bm-box-border__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bm-box-border__meta-title {
	font-size: 12px;
	font-weight: 600;
	color: var(--bm-f-on-surface, #131b2e);
	line-height: 1.2;
}

.bm-box-border__meta-sub {
	font-size: 11px;
	color: var(--bm-f-on-surface-variant, #646970);
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-box-border__popover {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 240px;
	max-width: 300px;
}

.bm-box-border__popover--width-axial,
.bm-box-border__popover--width-sides {
	min-width: 280px;
	max-width: 320px;
}

.bm-box-border__popover-title {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-box-border__width {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.bm-box-border__width-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 24px;
}

.bm-box-border__width-title {
	margin: 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	color: #1e1e1e;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.bm-box-border__width-link.components-button,
.bm-box-border .component-box-control__linked-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px !important;
	width: 24px !important;
	height: 24px !important;
	padding: 0 !important;
	margin: 0;
	border: 0 !important;
	border-radius: 2px;
	background: transparent !important;
	box-shadow: none !important;
	color: #1e1e1e;
}

.bm-box-border__width-link.components-button:hover,
.bm-box-border__width-link.components-button:focus,
.bm-box-border .component-box-control__linked-button:hover,
.bm-box-border .component-box-control__linked-button:focus {
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wp-admin-theme-color, #007cba);
}

.bm-box-border__width-link.is-linked,
.bm-box-border__width-link.is-axial,
.bm-box-border__width-link[aria-pressed='true'] {
	color: var(--wp-admin-theme-color, #007cba);
}

.bm-box-border__width-link .dashicon,
.bm-box-border__width-link svg {
	width: 24px;
	height: 24px;
}

.bm-box-border__width-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 8px 10px;
	align-items: start;
}

.bm-box-border__width-grid .bm-style-field,
.bm-box-border__width-grid .components-base-control {
	min-width: 0;
	margin-bottom: 0;
}

.bm-box-border__color-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.bm-box-border__color-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--bm-f-on-surface, #131b2e);
}

.bm-box-radius {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.bm-box-radius__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

.bm-box-radius__toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--bm-f-outline-variant, rgba(119, 117, 135, 0.35));
	border-radius: 8px;
	background: var(--bm-f-surface, #fff);
	cursor: pointer;
	text-align: left;
	transition:
		border-color 0.12s ease,
		box-shadow 0.12s ease;
}

.bm-box-radius__toggle:hover,
.bm-box-radius__toggle.is-open {
	border-color: var(--bm-f-primary, #3525cd);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--bm-f-primary, #3525cd) 25%, transparent);
}

.bm-box-radius__preview {
	flex: 0 0 auto;
	width: 36px;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid var(--bm-f-outline-variant, rgba(119, 117, 135, 0.45));
	background: var(--bm-f-surface-low, #f2f3ff);
}

.bm-box-radius__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bm-box-radius__meta-title {
	font-size: 12px;
	font-weight: 600;
	color: var(--bm-f-on-surface, #131b2e);
	line-height: 1.2;
}

.bm-box-radius__meta-sub {
	font-size: 11px;
	color: var(--bm-f-on-surface-variant, #646970);
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-box-radius__popover {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 220px;
	max-width: 260px;
}

.bm-box-radius__popover-title {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--bm-f-on-surface-variant, #464555);
}

/**
 * Compact 4-cell pad used in box border / border-radius popovers.
 * Frame: ~150×64 rectangle with 28×28 square toggles.
 * --corners: TL / TR / BL / BR at frame corners
 * --edges:   T / L / R / B at frame mid-edges
 */

.bm-box-sides-pad {
	position: relative;
	box-sizing: border-box;
	width: 150px;
	height: 84px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid var(--bm-f-outline-variant, rgba(119, 117, 135, 0.4));
	border-radius: 6px;
	background: var(--bm-f-surface-low, #f2f3ff);
}

.bm-box-sides-pad__cell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
	box-sizing: border-box;
	/* Beat wp-admin / app button resets (height:auto !important, min-height). */
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	aspect-ratio: 1 / 1;
	flex: 0 0 28px;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--bm-f-outline-variant, rgba(119, 117, 135, 0.45));
	border-radius: 4px;
	background: var(--bm-f-surface, #fff);
	color: var(--bm-f-on-surface-variant, #646970);
	font-size: 9px !important;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1 !important;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		border-color 0.12s ease,
		background 0.12s ease,
		color 0.12s ease;
}

.bm-box-sides-pad__cell:hover {
	border-color: color-mix(in srgb, var(--bm-f-primary, #3525cd) 55%, transparent);
	color: var(--bm-f-primary, #3525cd);
}

.bm-box-sides-pad__cell.is-on {
	border-color: var(--bm-f-primary, #3525cd);
	background: color-mix(in srgb, var(--bm-f-primary, #3525cd) 10%, transparent);
	color: var(--bm-f-primary, #3525cd);
}

.bm-box-sides-pad__preview {
	position: absolute;
	inset: 0;
	z-index: 0;
	box-sizing: border-box;
	pointer-events: none;
	background: color-mix(in srgb, var(--bm-f-surface-low, #f2f3ff) 70%, #fff);
	border: 0;
}

/* Corners: TL TR / BL BR */
.bm-box-sides-pad--corners .bm-box-sides-pad__cell--topLeft {
	top: 4px;
	left: 4px;
}

.bm-box-sides-pad--corners .bm-box-sides-pad__cell--topRight {
	top: 4px;
	right: 4px;
}

.bm-box-sides-pad--corners .bm-box-sides-pad__cell--bottomLeft {
	bottom: 4px;
	left: 4px;
}

.bm-box-sides-pad--corners .bm-box-sides-pad__cell--bottomRight {
	bottom: 4px;
	right: 4px;
}

/* Edges: T / L ■ R / B */
.bm-box-sides-pad--edges .bm-box-sides-pad__cell--top {
	top: 4px;
	left: 50%;
	transform: translateX(-50%);
}

.bm-box-sides-pad--edges .bm-box-sides-pad__cell--left {
	top: 50%;
	left: 4px;
	transform: translateY(-50%);
}

.bm-box-sides-pad--edges .bm-box-sides-pad__cell--right {
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
}

.bm-box-sides-pad--edges .bm-box-sides-pad__cell--bottom {
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%);
}

.bm-box-sides-pad--edges .bm-box-sides-pad__preview {
	inset: 10px 36px;
	border-radius: 3px;
	border: 1px solid var(--bm-f-outline-variant, rgba(119, 117, 135, 0.35));
	background: var(--bm-f-surface, #fff);
}

/**
 * Confirm modal — shared across admin, Gutenberg, and frontend editor.
 */

.bm-confirm-modal-root {
	--bm-confirm-primary: var(--bm-color-primary, #3525cd);
	--bm-confirm-primary-soft: var(--bm-color-primary-soft, #ebe8ff);
	--bm-confirm-danger: var(--bm-color-danger, #b32d2e);
	--bm-confirm-danger-soft: var(--bm-color-danger-soft, #fcebec);
	--bm-confirm-warning: var(--bm-color-warning, #9a6700);
	--bm-confirm-warning-soft: var(--bm-color-warning-soft, #fff3cd);
	--bm-confirm-surface: var(--bm-color-surface-lowest, #fff);
	--bm-confirm-surface-low: var(--bm-color-surface-low, #f6f7f9);
	--bm-confirm-on-surface: var(--bm-color-on-surface, #1e1e1e);
	--bm-confirm-muted: var(--bm-color-on-surface-variant, #646970);
	--bm-confirm-outline: var(--bm-color-outline-variant, #dcdcde);
	--bm-confirm-ease: var(--bm-ease, cubic-bezier(0.2, 0.8, 0.2, 1));

	position: fixed;
	inset: 0;
	z-index: 100100;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	isolation: isolate;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
		Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	box-sizing: border-box;
}

.bm-confirm-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.48) !important;
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
}

.bm-confirm-modal {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 460px;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--bm-confirm-outline) 70%, transparent);
	background: var(--bm-confirm-surface);
	box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
	animation: bm-confirm-in 0.28s var(--bm-confirm-ease) both;
}

.bm-confirm-modal__glow {
	pointer-events: none;
	position: absolute;
	inset: 0 0 auto;
	height: 140px;
	background: radial-gradient(
		120% 100% at 50% 0%,
		var(--bm-confirm-primary-soft),
		transparent 70%
	);
}

.bm-confirm-modal-root--danger .bm-confirm-modal__glow {
	background: radial-gradient(
		120% 100% at 50% 0%,
		var(--bm-confirm-danger-soft),
		transparent 70%
	);
}

.bm-confirm-modal-root--warning .bm-confirm-modal__glow {
	background: radial-gradient(
		120% 100% at 50% 0%,
		var(--bm-confirm-warning-soft),
		transparent 70%
	);
}

.bm-confirm-modal__body {
	position: relative;
	padding: 1.75rem 1.5rem 1.5rem;
	text-align: center;
}

.bm-confirm-modal__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.bm-confirm-modal__icon .dashicons {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.5rem;
	line-height: 1;
}

.bm-confirm-modal__icon.is-primary {
	background: var(--bm-confirm-primary-soft);
	color: var(--bm-confirm-primary);
}

.bm-confirm-modal__icon.is-danger {
	background: var(--bm-confirm-danger-soft);
	color: var(--bm-confirm-danger);
}

.bm-confirm-modal__icon.is-warning {
	background: var(--bm-confirm-warning-soft);
	color: var(--bm-confirm-warning);
}

.bm-confirm-modal__title {
	margin: 1rem 0 0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--bm-confirm-on-surface);
}

.bm-confirm-modal__desc {
	margin: 0.5rem auto 0;
	max-width: 34ch;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--bm-confirm-muted);
}

.bm-confirm-modal__children {
	margin-top: 1.25rem;
	text-align: left;
}

.bm-confirm-modal__actions {
	display: flex;
	flex-direction: column-reverse;
	gap: 0.5rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid color-mix(in srgb, var(--bm-confirm-outline) 55%, transparent);
	background: color-mix(in srgb, var(--bm-confirm-surface-low) 80%, transparent);
}

@media (min-width: 600px) {
	.bm-confirm-modal__actions {
		flex-direction: row;
		justify-content: flex-end;
	}

	.bm-confirm-modal__btn {
		min-width: 7rem;
	}
}

.bm-confirm-modal__btn.is-warning {
	background: var(--bm-confirm-warning) !important;
	border-color: var(--bm-confirm-warning) !important;
	color: #fff !important;
}

/* Meta / list helpers (admin bulk confirms) */
.bm-confirm-modal__meta {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	border-radius: 8px;
	border: 1px solid var(--bm-confirm-outline);
	background: var(--bm-confirm-surface);
}

.bm-confirm-modal__meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.bm-confirm-modal__meta-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bm-confirm-muted);
}

.bm-confirm-modal__meta-value {
	font-size: 13px;
	font-weight: 600;
	color: var(--bm-confirm-on-surface);
	text-align: right;
	word-break: break-word;
}

.bm-confirm-modal__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.bm-confirm-modal__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.2rem 0.55rem;
	border-radius: 4px;
	background: var(--bm-confirm-surface-low);
	color: var(--bm-confirm-muted);
	font-size: 11px;
	font-weight: 600;
}

.bm-confirm-modal__items {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	padding: 0.85rem 0.9rem;
	border-radius: 8px;
	border: 1px solid var(--bm-confirm-outline);
	background: var(--bm-confirm-surface);
}

.bm-confirm-modal__items-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.bm-confirm-modal__items-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	height: 1.5rem;
	padding: 0 0.45rem;
	border-radius: 999px;
	background: var(--bm-confirm-primary-soft);
	color: var(--bm-confirm-primary);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.bm-confirm-modal-root--danger .bm-confirm-modal__items-count {
	background: var(--bm-confirm-danger-soft);
	color: var(--bm-confirm-danger);
}

.bm-confirm-modal-root--warning .bm-confirm-modal__items-count {
	background: var(--bm-confirm-warning-soft);
	color: var(--bm-confirm-warning);
}

.bm-confirm-modal__items-empty {
	margin: 0;
	font-size: 13px;
	color: var(--bm-confirm-muted);
}

.bm-confirm-modal__items-list {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 13.5rem;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.bm-confirm-modal__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15rem;
	padding: 0.55rem 0.7rem;
	border-radius: 6px;
	border: 1px solid color-mix(in srgb, var(--bm-confirm-outline) 55%, transparent);
	background: #fff;
}

.bm-confirm-modal__item-title {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--bm-confirm-on-surface);
	word-break: break-word;
}

.bm-confirm-modal__item-meta {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bm-confirm-muted);
	word-break: break-word;
}

.bm-confirm-modal__item-meta code {
	font-size: 11px;
	font-weight: 600;
}

@keyframes bm-confirm-in {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bm-confirm-modal {
		animation: none;
	}
}

/* Edge-aware horizontal scroll rail (variant strips). */
.bm-hscroll {
	position: relative;
	min-width: 0;
}

.bm-hscroll__track {
	min-width: 0;
}

.bm-hscroll__btn {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-flex;
	flex: 0 0 3rem;
	align-items: center;
	justify-content: center;
	width: 3rem;
	min-width: 3rem;
	max-width: 3rem;
	height: 3rem;
	min-height: 3rem;
	max-height: 3rem;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 50%;
	background: rgba(15, 23, 42, 0.5);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 0 0 3px rgba(255, 255, 255, 0.12),
		0 8px 24px rgba(0, 0, 0, 0.38);
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	backdrop-filter: blur(16px) saturate(145%);
	-webkit-backdrop-filter: blur(16px) saturate(145%);
	transition:
		background-color 0.22s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease;
}

.bm-hscroll__btn:hover,
.bm-hscroll__btn:focus-visible {
	border-color: rgba(255, 255, 255, 0.58);
	background: rgba(15, 23, 42, 0.9);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.24),
		0 0 0 4px rgba(255, 255, 255, 0.16),
		0 12px 30px rgba(0, 0, 0, 0.52);
	color: #fff;
	outline: none;
	transform: translateY(-50%) scale(1.08);
}

.bm-hscroll__btn:active {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 0 0 3px rgba(96, 165, 250, 0.12),
		0 4px 14px rgba(0, 0, 0, 0.42);
	transform: translateY(-50%) scale(0.96);
}

.bm-hscroll__btn .dashicons {
	display: inline-flex;
	flex: 0 0 24px;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	line-height: 1;
	font-weight: 700;
}

.bm-hscroll__btn--left {
	left: 0.45rem;
}

.bm-hscroll__btn--right {
	right: 0.45rem;
}

/* Library preview sheet sits on a dark bar — keep buttons readable. */
.bm-preview-layers .bm-hscroll__btn {
	border-color: rgba(255, 255, 255, 0.38);
	background: rgba(15, 23, 42, 0.5);
	color: #fff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 0 3px rgba(255, 255, 255, 0.14),
		0 10px 28px rgba(0, 0, 0, 0.52);
}

.bm-preview-layers .bm-hscroll__btn:hover,
.bm-preview-layers .bm-hscroll__btn:focus-visible {
	border-color: rgba(255, 255, 255, 0.62);
	background: rgba(15, 23, 42, 0.9);
	color: #fff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 0 0 4px rgba(255, 255, 255, 0.18),
		0 12px 32px rgba(0, 0, 0, 0.55);
}

/**
 * Shared Fields / Customize / Order inspector chrome.
 * Used by Gutenberg, frontend editor, and admin Content Editor.
 */

.bm-gutenberg-tabs {
	--bm-ed-primary: #3525cd;
	--bm-ed-primary-container: #4f46e5;
	--bm-ed-on-primary: #ffffff;
	--bm-ed-surface: #faf8ff;
	--bm-ed-surface-low: #f2f3ff;
	--bm-ed-surface-container: #eaedff;
	--bm-ed-on-surface: #131b2e;
	--bm-ed-on-surface-variant: #464555;
	--bm-ed-outline: #c7c4d8;
}

.bm-gutenberg-tabs .components-tab-panel__tabs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	gap: 4px;
	margin: 0 0 16px;
	padding: 4px;
	border-radius: 12px;
	background: var(--bm-ed-surface-container, #eaedff);
	border: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 70%, transparent);
}

.bm-gutenberg-tabs .components-tab-panel__tabs-item {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	margin: 0 !important;
	padding: 8px 10px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--bm-ed-on-surface-variant, #464555) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.bm-gutenberg-tabs .components-tab-panel__tabs-item .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1;
	opacity: 0.85;
}

.bm-gutenberg-tabs .components-tab-panel__tabs-item:hover {
	color: var(--bm-ed-on-surface, #131b2e) !important;
	background: color-mix(in srgb, #fff 55%, transparent) !important;
}

.bm-gutenberg-tabs .components-tab-panel__tabs-item.is-active {
	background: var(--bm-ed-primary, #3525cd) !important;
	color: var(--bm-ed-on-primary, #fff) !important;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 28%, transparent) !important;
}

.bm-gutenberg-tabs .components-tab-panel__tabs-item.is-active .dashicons {
	opacity: 1;
}

.bm-gutenberg-tabs .components-tab-panel__tabs-item::after {
	display: none !important;
}

.bm-gutenberg-breakpoints-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 47px;
	z-index: 6;
	margin: 0 0 12px;
	padding: 4px 0 10px;
	background: var(--bm-ed-surface, #faf8ff);
	box-shadow: 0 10px 14px -12px rgba(19, 27, 46, 0.18);
}

.bm-gutenberg-breakpoints {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px;
	margin: 0 0 10px;
	padding: 4px;
	border-radius: 12px;
	background: var(--bm-ed-surface-low, #f2f3ff);
	border: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 70%, transparent);
}

.bm-gutenberg-seg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 34px;
	margin: 0;
	padding: 6px 8px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--bm-ed-on-surface-variant, #464555);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.bm-gutenberg-seg-btn .dashicons {
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 1;
	opacity: 0.8;
}

.bm-gutenberg-seg-btn:hover {
	color: var(--bm-ed-on-surface, #131b2e);
	background: color-mix(in srgb, #fff 70%, transparent);
}

.bm-gutenberg-seg-btn.is-active {
	background: var(--bm-ed-primary, #3525cd);
	color: var(--bm-ed-on-primary, #fff);
	box-shadow: 0 3px 10px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 26%, transparent);
}

.bm-gutenberg-seg-btn.is-active .dashicons {
	opacity: 1;
}

.bm-gutenberg-breakpoint-hint {
	margin: 0;
	padding: 8px 10px;
	border-radius: 8px;
	background: var(--bm-ed-surface-container, #eaedff);
	color: var(--bm-ed-on-surface-variant, #464555);
	font-size: 12px;
	line-height: 1.4;
}

.bm-gutenberg-elements {
	margin-bottom: 18px;
}

.bm-gutenberg-elements__list {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 6px;
	margin-top: 8px;
	min-width: 0;
	max-width: 100%;
	width: 100%;
}

.bm-gutenberg-elements__sortable {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	margin-top: 4px;
}

.bm-gutenberg-elements__list-static {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	margin-top: 4px;
}

.bm-gutenberg-elements__list-static .bm-gutenberg-element-btn,
.bm-gutenberg-elements__list > .bm-gutenberg-element-btn {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}

.bm-drop-slot {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 100%;
	height: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	background: transparent;
	pointer-events: none;
	transition: height 0.12s ease;
}

.bm-drop-slot.is-visible {
	height: 18px;
	pointer-events: auto;
}

.bm-drop-slot__line {
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 999px;
	background: transparent;
	transition: background 0.12s ease, box-shadow 0.12s ease, height 0.12s ease;
}

.bm-drop-slot.is-visible .bm-drop-slot__line {
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 18%, transparent);
}

.bm-drop-slot.is-active {
	height: 28px;
}

.bm-drop-slot.is-active .bm-drop-slot__line {
	height: 3px;
	background: var(--bm-ed-primary, #3525cd);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 18%, transparent);
}

.bm-drop-slot__label {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--bm-ed-primary, #3525cd);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
	white-space: nowrap;
	pointer-events: none;
}

.bm-gutenberg-elements__list > .bm-slides-list {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.bm-gutenberg-element-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	flex: 1 1 calc(50% - 3px);
	width: auto;
	max-width: 100%;
	min-width: 0;
	min-height: 32px;
	margin: 0;
	padding: 6px 8px 6px 10px;
	border: 1px solid var(--bm-ed-outline, #c7c4d8);
	border-radius: 8px;
	background: var(--bm-ed-surface, #faf8ff);
	color: var(--bm-ed-on-surface, #131b2e);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.bm-gutenberg-elements__order-hint {
	margin: 6px 0 0;
	padding: 0;
	color: var(--bm-ed-on-surface-variant, #646970);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.45;
}

.bm-gutenberg-element-btn--sortable {
	flex: 1 1 100%;
	width: 100%;
	cursor: grab;
	padding-left: 6px;
	gap: 8px;
	margin: 3px 0;
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--bm-ed-surface, #faf8ff) 92%, #fff) 0%,
		var(--bm-ed-surface-low, #f2f3ff) 100%
	);
	border-color: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 14%, var(--bm-ed-outline, #c7c4d8));
	box-shadow: 0 1px 0 color-mix(in srgb, #fff 70%, transparent);
}

.bm-gutenberg-element-btn--sortable:active {
	cursor: grabbing;
}

.bm-gutenberg-element-btn--sortable.is-dragging {
	opacity: 0.45;
	border-style: dashed;
}

.bm-gutenberg-element-btn__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 7px;
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 12%, transparent);
	color: var(--bm-ed-primary, #3525cd);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
}

.bm-gutenberg-element-btn__handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	color: var(--bm-ed-on-surface-variant, #646970);
}

.bm-gutenberg-element-btn__handle .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	color: inherit;
	opacity: 0.75;
}

.bm-gutenberg-element-btn--sortable:hover .bm-gutenberg-element-btn__handle {
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 10%, transparent);
	color: var(--bm-ed-primary, #3525cd);
}

.bm-gutenberg-element-btn .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 1;
	color: var(--bm-ed-primary, #3525cd);
	opacity: 0.7;
	flex-shrink: 0;
}

.bm-gutenberg-element-btn:hover {
	border-color: var(--bm-ed-primary, #3525cd);
	background: var(--bm-ed-surface-low, #f2f3ff);
	box-shadow: 0 2px 8px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 12%, transparent);
}

.bm-gutenberg-element-btn.is-selected {
	border-color: var(--bm-ed-primary, #3525cd);
	background: var(--bm-ed-surface-low, #f2f3ff);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 35%, transparent),
		0 2px 8px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 12%, transparent);
}

.bm-gutenberg-element-btn.is-selected .bm-gutenberg-element-btn__label {
	color: var(--bm-ed-primary, #3525cd);
	font-weight: 700;
}

.bm-gutenberg-element-btn.is-selected .bm-gutenberg-element-btn__action {
	opacity: 1;
}

.bm-gutenberg-element-btn:hover .dashicons {
	opacity: 1;
}

.bm-gutenberg-element-btn:focus-visible {
	outline: 2px solid var(--bm-ed-primary, #3525cd);
	outline-offset: 2px;
}

.bm-gutenberg-element-btn__label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm-gutenberg-element-btn__action {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	margin-left: auto;
	color: var(--bm-ed-primary, #3525cd);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
	white-space: nowrap;
	opacity: 0.85;
}

.bm-gutenberg-element-btn__action .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 1;
	color: inherit;
	opacity: 1;
}

.bm-gutenberg-element-btn:hover .bm-gutenberg-element-btn__action {
	opacity: 1;
}

.bm-gutenberg-element-btn.is-element-hidden {
	opacity: 0.42;
	border-style: dashed;
	background: color-mix(in srgb, var(--bm-ed-surface, #faf8ff) 70%, transparent);
	color: var(--bm-ed-on-surface-variant, #646970);
}

.bm-gutenberg-element-btn.is-element-hidden .dashicons {
	opacity: 0.45;
}

.bm-gutenberg-element-btn.is-element-hidden .bm-gutenberg-element-btn__action {
	opacity: 0.7;
}

.bm-gutenberg-element-btn__badge {
	flex-shrink: 0;
	padding: 1px 6px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--bm-ed-on-surface-variant, #646970);
	background: color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 35%, transparent);
}

.bm-design-subtabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
	margin: 0 0 12px;
	padding: 4px;
	border-radius: 12px;
	background: var(--bm-ed-surface-container, #eaedff);
	border: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 70%, transparent);
}

.bm-design-subtabs__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	margin: 0;
	padding: 8px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--bm-ed-on-surface-variant, #464555);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.bm-design-subtabs__btn:hover {
	color: var(--bm-ed-on-surface, #131b2e);
	background: color-mix(in srgb, #fff 55%, transparent);
}

.bm-design-subtabs__btn.is-active {
	background: var(--bm-ed-primary, #3525cd);
	color: var(--bm-ed-on-primary, #fff);
	box-shadow: 0 4px 12px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 28%, transparent);
}

.bm-design-subtabs__btn:focus-visible {
	outline: 2px solid var(--bm-ed-primary, #3525cd);
	outline-offset: 2px;
}

.bm-gutenberg-elements__slide {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	flex: 1 1 100%;
	width: 100%;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--bm-ed-outline, rgba(0, 0, 0, 0.08));
}

.bm-gutenberg-elements__slide:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.bm-gutenberg-elements__slide-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
}

.bm-gutenberg-elements__slide-nav {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.15rem 0 0.5rem;
	border-bottom: 1px solid var(--bm-ed-outline, rgba(0, 0, 0, 0.08));
	margin-bottom: 0.35rem;
}

.bm-gutenberg-elements__back {
	flex-shrink: 0;
	min-height: 28px !important;
}

.bm-gutenberg-elements__slide-nav-title {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

.bm-gutenberg-elements__slide-nav-title .bm-inspector-card__title {
	margin: 0;
}

.bm-gutenberg-elements__slide-layout {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--bm-ed-on-surface-variant, #646970);
}

.bm-gutenberg-elements__section-label {
	display: block;
	margin: 0.25rem 0 0.15rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-ed-on-surface-variant, #646970);
}

.bm-gutenberg-elements__slide-layout-styles {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 55%, transparent);
}

.bm-gutenberg-elements__slide-style-group {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.bm-gutenberg-elements__slide-style-group + .bm-gutenberg-elements__slide-style-group {
	margin-top: 0.65rem;
	padding-top: 0.65rem;
	border-top: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 40%, transparent);
}

.bm-gutenberg-elements__slide-layout-styles .bm-gutenberg-elements__section-label {
	margin-top: 0;
}

.bm-gutenberg-elements__slide-btn {
	align-items: center;
}

.bm-gutenberg-elements__slide-btn-meta {
	margin-left: auto;
	margin-right: 0.35rem;
	font-size: 0.7rem;
	font-weight: 600;
	color: var(--bm-ed-on-surface-variant, #646970);
}

.bm-gutenberg-elements__slide-label {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bm-ed-on-surface-variant, #646970);
	padding: 0.1rem 0.15rem;
}

.bm-gutenberg-elements__slide-remove {
	flex-shrink: 0;
	min-width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	justify-content: center !important;
}

/* —— Slides list (Design → Slides) —— */
.bm-slides-list-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

.bm-slides-list__hint {
	margin: 0;
	padding: 0 2px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--bm-ed-on-surface-variant, #464555);
}

.bm-slides-list {
	--bm-ed-primary: #3525cd;
	--bm-ed-surface: #faf8ff;
	--bm-ed-surface-low: #f2f3ff;
	--bm-ed-on-surface: #131b2e;
	--bm-ed-on-surface-variant: #464555;
	--bm-ed-outline: #c7c4d8;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

.bm-slides-list__item {
	display: flex;
	align-items: center;
	gap: 4px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 52px;
	padding: 6px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 75%, transparent);
	border-radius: 12px;
	background: linear-gradient(
		135deg,
		var(--bm-ed-surface, #faf8ff) 0%,
		var(--bm-ed-surface-low, #f2f3ff) 100%
	);
	box-shadow: 0 1px 2px color-mix(in srgb, #131b2e 4%, transparent);
	transition:
		border-color 0.15s ease,
		box-shadow 0.15s ease,
		opacity 0.12s ease,
		transform 0.12s ease,
		background 0.15s ease;
}

.bm-slides-list__item.is-draggable {
	cursor: grab;
}

.bm-slides-list__item.is-draggable:active {
	cursor: grabbing;
}

.bm-slides-list__item:hover {
	border-color: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 45%, transparent);
	box-shadow: 0 4px 14px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 14%, transparent);
}

.bm-slides-list__item.is-dragging {
	opacity: 0.55;
	transform: scale(0.985);
	cursor: grabbing;
}

.bm-slides-list__item.is-drop-target {
	border-color: var(--bm-ed-primary, #3525cd);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 22%, transparent);
}

.bm-slides-list__handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 32px;
	color: var(--bm-ed-on-surface-variant, #777587);
	line-height: 1;
	cursor: grab;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.bm-slides-list__handle .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	opacity: 0.65;
}

.bm-slides-list__item:hover .bm-slides-list__handle .dashicons {
	opacity: 1;
	color: var(--bm-ed-primary, #3525cd);
}

.bm-slides-list__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	background: var(--bm-ed-primary, #3525cd);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 2px 8px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 28%, transparent);
}

.bm-slides-list__delete {
	flex: 0 0 26px !important;
	min-width: 26px !important;
	width: 26px !important;
	height: 26px !important;
	padding: 0 !important;
	justify-content: center !important;
	border-radius: 8px !important;
	color: var(--bm-ed-on-surface-variant, #646970) !important;
}

.bm-slides-list__delete:hover {
	color: #b32d2e !important;
	background: color-mix(in srgb, #b32d2e 10%, transparent) !important;
}

.bm-slides-list__delete-spacer {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
}

.bm-slides-list__main {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 2px 4px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: inherit;
	overflow: hidden;
}

.bm-slides-list__main:hover {
	background: color-mix(in srgb, #fff 55%, transparent);
}

.bm-slides-list__main:focus-visible {
	outline: 2px solid var(--bm-ed-primary, #3525cd);
	outline-offset: 1px;
}

.bm-slides-list__title-block {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	overflow: hidden;
}

.bm-slides-list__title-row {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.bm-slides-list__title {
	flex: 0 1 auto;
	min-width: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--bm-ed-on-surface, #131b2e);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bm-slides-list__preview {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--bm-ed-on-surface-variant, #646970);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bm-slides-list__preview--desc {
	font-weight: 400;
	opacity: 0.9;
}

.bm-slides-list__layout {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	padding: 2px 6px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 12%, transparent);
	color: var(--bm-ed-primary, #3525cd);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bm-slides-list__chevron {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	font-size: 16px;
	opacity: 0.45;
	color: var(--bm-ed-on-surface-variant, #646970);
}

.bm-slides-list__main:hover .bm-slides-list__chevron {
	opacity: 1;
	color: var(--bm-ed-primary, #3525cd);
}

.bm-slides-list__move {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 0;
}

.bm-slides-list__icon-btn {
	min-width: 24px !important;
	width: 24px !important;
	height: 20px !important;
	padding: 0 !important;
	justify-content: center !important;
	color: var(--bm-ed-on-surface-variant, #646970) !important;
}

.bm-slides-list__icon-btn:hover:not(:disabled) {
	color: var(--bm-ed-primary, #3525cd) !important;
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 10%, transparent) !important;
}

.bm-slides-list__icon-btn .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
}

.bm-gutenberg-elements__add-slide-row {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid color-mix(in srgb, var(--bm-ed-outline, #c7c4d8) 55%, transparent);
}

.bm-gutenberg-elements__add-slide {
	width: 100%;
	justify-content: center !important;
}

/* —— Style scope gate (library vs instance) —— */
.bm-style-scope-stack,
.bm-element-toolbar__styles {
	position: relative;
}

.bm-style-scope-stack.is-gated,
.bm-element-toolbar__styles.is-gated {
	min-height: 140px;
}

.bm-style-scope-stack.is-gated > :not(.bm-style-scope-gate),
.bm-element-toolbar__styles.is-gated > :not(.bm-style-scope-gate) {
	filter: blur(2.5px);
	opacity: 0.35;
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.bm-style-scope-gate {
	position: relative;
	z-index: 6;
}

.bm-style-scope-gate--full {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 8px 12px 16px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--bm-ed-surface, #faf8ff) 55%, transparent);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.bm-style-scope-gate__card {
	width: 100%;
	max-width: 280px;
	padding: 16px 14px;
	border: 1px solid var(--bm-ed-outline, #c7c4d8);
	border-radius: 12px;
	background: var(--bm-ed-surface, #faf8ff);
	box-shadow: 0 10px 28px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 14%, transparent);
	text-align: center;
}

.bm-style-scope-gate__title {
	display: block;
	margin: 0 0 8px;
	color: var(--bm-ed-on-surface, #131b2e);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.bm-style-scope-gate__desc {
	margin: 0 0 14px;
	color: var(--bm-ed-on-surface-variant, #464555);
	font-size: 12px;
	line-height: 1.45;
}

.bm-style-scope-gate__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

.bm-style-scope-gate__btn {
	justify-content: center !important;
	align-items: center !important;
	gap: 0.4em !important;
	width: 100%;
	min-height: 36px;
	border-radius: 8px !important;
	font-weight: 600 !important;
}

.bm-style-scope-gate__btn--edit.components-button.is-secondary {
	box-sizing: border-box;
	border: 1.5px solid color-mix(in srgb, var(--bm-ed-primary, #3525cd) 42%, var(--bm-ed-outline, #c7c4d8)) !important;
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 7%, var(--bm-ed-surface, #faf8ff)) !important;
	color: var(--bm-ed-primary, #3525cd) !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.bm-style-scope-gate__btn--edit.components-button.is-secondary:hover,
.bm-style-scope-gate__btn--edit.components-button.is-secondary:focus {
	border-color: var(--bm-ed-primary, #3525cd) !important;
	background: color-mix(in srgb, var(--bm-ed-primary, #3525cd) 14%, var(--bm-ed-surface, #faf8ff)) !important;
	color: var(--bm-ed-primary, #3525cd) !important;
	box-shadow: 0 2px 10px color-mix(in srgb, var(--bm-ed-primary, #3525cd) 16%, transparent) !important;
}

.bm-style-scope-gate__btn-icon {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1;
	margin: 0;
}

.bm-style-scope-gate--banner {
	position: relative;
	z-index: 6;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
	padding: 12px;
	border: 1px solid color-mix(in srgb, var(--bm-ed-primary, #3525cd) 28%, var(--bm-ed-outline, #c7c4d8));
	border-radius: 10px;
	background: var(--bm-ed-surface-low, #f2f3ff);
}

.bm-style-scope-gate__banner-text {
	margin: 0;
	color: var(--bm-ed-on-surface, #131b2e);
	font-size: 12px;
	line-height: 1.45;
}

.bm-style-scope-gate__banner-msg {
	margin: 0;
	color: var(--bm-ed-primary, #3525cd);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

/* —— Style scope confirm dialog —— */
.bm-scope-confirm {
	position: fixed;
	inset: 0;
	z-index: 1000000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	font-family: inherit;
}

.bm-scope-confirm__backdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb, #131b2e 42%, transparent);
}

.bm-scope-confirm__card {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 360px;
	padding: 20px 18px 16px;
	border: 1px solid var(--bm-ed-outline, #c7c4d8);
	border-radius: 12px;
	background: var(--bm-ed-surface, #faf8ff);
	box-shadow: 0 16px 40px color-mix(in srgb, #131b2e 22%, transparent);
	text-align: center;
}

.bm-scope-confirm--warning .bm-scope-confirm__card {
	border-color: color-mix(in srgb, #b45309 35%, var(--bm-ed-outline, #c7c4d8));
}

.bm-scope-confirm__notice {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 10px 12px;
	border: 1px solid color-mix(in srgb, #b45309 40%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, #fef3c7 88%, #fff);
	color: #92400e;
	text-align: left;
}

.bm-scope-confirm__notice-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 1;
	color: #b45309;
}

.bm-scope-confirm__notice-text {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: uppercase;
}

.bm-scope-confirm__title {
	display: block;
	margin: 0 0 10px;
	color: var(--bm-ed-on-surface, #131b2e);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.bm-scope-confirm__desc {
	margin: 0 0 18px;
	color: var(--bm-ed-on-surface-variant, #464555);
	font-size: 13px;
	line-height: 1.5;
}

.bm-scope-confirm__remember {
	margin: 0 0 16px;
	padding: 10px 12px;
	border: 1px solid var(--bm-ed-outline, #c7c4d8);
	border-radius: 8px;
	background: color-mix(in srgb, var(--bm-ed-surface, #faf8ff) 88%, #131b2e);
	text-align: left;
}

.bm-scope-confirm__remember .components-base-control__help {
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 1.4;
}

.bm-scope-confirm__actions {
	display: flex;
	flex-direction: column-reverse;
	gap: 8px;
}

@media (min-width: 480px) {
	.bm-scope-confirm__actions {
		flex-direction: row;
		justify-content: flex-end;
	}
}

.bm-scope-confirm__btn {
	justify-content: center !important;
}

