.bbc-customizer {
	--bbc-navy: #002646;
	--bbc-deep: #002646;
	--bbc-orange: #fd8404;
	--bbc-orange-soft: rgba(253, 132, 4, 0.14);
	--bbc-off-white: #fdfefd;
	--bbc-paper: #fdfefd;
	--bbc-sage: #dfe9e3;
	--bbc-border: rgba(0, 38, 70, 0.16);
	--bbc-border-strong: rgba(0, 38, 70, 0.28);
	--bbc-muted: #5e5e5e;
	background: #fdfefd;
	color: var(--bbc-navy);
	margin: 0 !important;
	padding: 0;
	width: 100%;
	max-width: none !important;
}

.bbc-simple-page:has(.bbc-customizer) {
	padding-top: 0;
	padding-bottom: 0;
}

.bbc-simple-page:has(.bbc-customizer) > .wp-block-post-title {
	display: none;
}

.bbc-simple-page:has(.bbc-customizer) > .wp-block-post-content {
	width: 100%;
	max-width: none;
	margin-block-start: 0;
}

.bbc-customizer * {
	box-sizing: border-box;
}

.bbc-customizer [hidden] {
	display: none !important;
}

.bbc-customizer__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	max-width: 1480px;
	margin: 0 auto;
	padding: clamp(1rem, 2.6vw, 2rem) clamp(1rem, 2.6vw, 2rem) 1.35rem;
}

.bbc-customizer__header h1 {
	margin: 0;
	font-size: clamp(3rem, 7vw, 6.2rem);
	line-height: 0.93;
	letter-spacing: 0;
	text-wrap: balance;
}

.bbc-customizer__kicker {
	margin: 0 0 0.35rem;
	color: var(--bbc-orange);
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bbc-customizer__notice {
	max-width: 1480px;
	margin: 0 auto 1rem;
	border: 1px solid rgba(253, 132, 4, 0.42);
	border-radius: 8px;
	background: rgba(253, 132, 4, 0.1);
	padding: 0.85rem 1rem;
	font-weight: 650;
}

.bbc-customizer__app {
	--bbc-customizer-panel-height: calc(100vh - 160px);
	display: grid;
	grid-template-columns: minmax(300px, 405px) minmax(0, 1fr);
	gap: clamp(1rem, 2.2vw, 2rem);
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 clamp(1rem, 2.6vw, 2rem) clamp(1rem, 2.6vw, 2rem);
	align-items: stretch;
}

.bbc-customizer__controls,
.bbc-customizer__preview-column {
	border: 1px solid var(--bbc-border);
	border-radius: 8px;
	background: rgba(253, 254, 253, 0.98);
	box-shadow: none;
}

.bbc-customizer__preview-column {
	background: transparent;
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 92px;
	height: var(--bbc-customizer-panel-height);
	max-height: var(--bbc-customizer-panel-height);
	min-height: 0;
}

.bbc-customizer__controls {
	position: sticky;
	top: 92px;
	height: var(--bbc-customizer-panel-height);
	max-height: var(--bbc-customizer-panel-height);
	overflow: auto;
	padding: 1.2rem;
	scrollbar-color: rgba(0, 38, 70, 0.26) transparent;
}

.bbc-control-section {
	border-bottom: 1px solid var(--bbc-border);
	padding: 0 0 1.25rem;
	margin: 0 0 1.25rem;
}

.bbc-control-section:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.bbc-control-section--logo {
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
}

.bbc-control-section h2 {
	margin: 0 0 0.95rem;
	font-size: 0.9rem;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bbc-control-section label,
.bbc-color-grid label {
	display: grid;
	gap: 0.24rem;
	margin-bottom: 0.35rem;
	color: rgba(0, 38, 70, 0.76);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.2;
}

.bbc-control-section input,
.bbc-control-section select,
.bbc-control-section button {
	width: 100%;
	min-height: 46px;
	border: 1px solid rgba(0, 38, 70, 0.22);
	border-radius: 8px;
	background: var(--bbc-paper);
	color: var(--bbc-navy);
	font: inherit;
	transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.bbc-control-section input:not([type="color"]):not([type="range"]),
.bbc-control-section select {
	padding: 0.68rem 0.78rem;
	font-weight: 650;
	line-height: 1.25;
}

.bbc-control-section > input,
.bbc-control-section > select {
	margin-bottom: 1rem;
}

.bbc-control-section > input:last-child,
.bbc-control-section > select:last-child {
	margin-bottom: 0;
}

.bbc-control-section select {
	padding-right: 2.35rem;
	appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--bbc-navy) 50%),
		linear-gradient(135deg, var(--bbc-navy) 50%, transparent 50%);
	background-position:
		calc(100% - 1.05rem) 50%,
		calc(100% - 0.72rem) 50%;
	background-repeat: no-repeat;
	background-size: 0.38rem 0.38rem, 0.38rem 0.38rem;
}

.bbc-control-section input:focus-visible,
.bbc-control-section select:focus-visible,
.bbc-control-section button:focus-visible {
	border-color: rgba(253, 132, 4, 0.82);
	outline: none;
	box-shadow: 0 0 0 3px var(--bbc-orange-soft);
}

.bbc-control-section input[type="color"] {
	min-height: 42px;
	padding: 0.18rem;
	border-radius: 8px;
	cursor: pointer;
}

.bbc-control-section input[type="file"] {
	padding: 0.42rem;
}

.bbc-control-section input[type="file"]::file-selector-button {
	min-height: 34px;
	margin-right: 0.65rem;
	border: 0;
	border-radius: 6px;
	background: var(--bbc-sage);
	color: var(--bbc-navy);
	cursor: pointer;
	font: inherit;
	font-weight: 800;
}

.bbc-control-section input[type="range"] {
	min-height: 34px;
	accent-color: var(--bbc-orange);
}

.bbc-control-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.35rem;
}

.bbc-control-label-row label {
	margin-bottom: 0;
}

.bbc-control-label-row output {
	color: var(--bbc-orange);
	font-size: 0.82rem;
	font-weight: 850;
	line-height: 1.2;
	white-space: nowrap;
}

.bbc-control-label-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-left: auto;
}

.bbc-control-section .bbc-rotate-step {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	min-height: 30px;
	border: 0;
	border-radius: 999px;
	background: var(--bbc-sage);
	padding: 0;
	color: var(--bbc-navy);
	cursor: pointer;
}

.bbc-control-section .bbc-rotate-step:hover,
.bbc-control-section .bbc-rotate-step:focus-visible {
	background: var(--bbc-orange);
	color: var(--bbc-navy);
}

.bbc-rotate-step svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.2;
}

.bbc-color-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	align-items: start;
}

.bbc-color-control,
.bbc-color-control > label {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 48px;
	align-items: center;
	gap: 0.55rem;
	margin: 0;
}

.bbc-color-control--text {
	align-self: start;
	margin-top: 0;
}

.bbc-color-control--opacity {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.45rem;
}

.bbc-color-control--opacity > label {
	display: grid;
}

.bbc-opacity-control {
	grid-template-columns: minmax(0, 4.8rem) minmax(0, 1fr);
}

.bbc-opacity-control input[type="range"] {
	width: 100%;
	min-height: 26px;
}

.bbc-color-grid span {
	white-space: nowrap;
}

.bbc-surface-controls {
	display: grid;
	gap: 0.35rem;
	margin-top: 1rem;
}

.bbc-surface-controls label {
	margin-bottom: 0;
}

.bbc-surface-controls input,
.bbc-surface-controls select {
	margin-bottom: 0.65rem;
}

.bbc-surface-controls input:last-child,
.bbc-surface-controls select:last-child {
	margin-bottom: 0;
}

.bbc-image-manager {
	display: grid;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.bbc-image-slider {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 38px;
	align-items: stretch;
	gap: 0.45rem;
}

.bbc-image-nav {
	width: 38px !important;
	min-height: 74px !important;
	padding: 0 !important;
	font-size: 1.45rem !important;
	line-height: 1 !important;
}

.bbc-image-cards {
	display: flex;
	gap: 0.6rem;
	min-width: 0;
	overflow: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}

.bbc-image-card {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) 28px;
	align-items: center;
	gap: 0.65rem;
	flex: 0 0 100%;
	min-height: 74px;
	border: 1px solid rgba(0, 38, 70, 0.18);
	border-radius: 8px;
	background: #fdfefd;
	padding: 0.5rem;
	color: var(--bbc-navy);
	cursor: pointer;
	scroll-snap-align: center;
	text-align: left;
}

.bbc-image-card.is-active {
	border-color: var(--bbc-orange);
	box-shadow: 0 0 0 2px rgba(253, 132, 4, 0.16);
}

.bbc-image-card__thumb {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: hidden;
}

.bbc-image-card__thumb img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.bbc-image-card__meta {
	min-width: 0;
}

.bbc-image-card__title {
	display: block;
	overflow: hidden;
	font-size: 0.86rem;
	font-weight: 850;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbc-image-card__detail {
	display: block;
	margin-top: 0.2rem;
	color: rgba(0, 38, 70, 0.58);
	font-size: 0.76rem;
	font-weight: 750;
}

.bbc-control-section .bbc-image-card__remove {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	min-height: 28px;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 38, 70, 0.08);
	padding: 0;
	color: var(--bbc-navy);
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1;
}

.bbc-image-controls {
	display: grid;
	gap: 0.35rem;
}

.bbc-image-controls label {
	margin-bottom: 0;
}

.bbc-image-controls input {
	margin-bottom: 0.65rem;
}

.bbc-image-controls input:last-child {
	margin-bottom: 0;
}

.bbc-control-section--actions button {
	cursor: pointer;
	font-weight: 800;
}

.bbc-primary-action {
	border-color: var(--bbc-orange) !important;
	background: var(--bbc-orange) !important;
	color: var(--bbc-navy) !important;
}

.bbc-primary-action:hover,
.bbc-primary-action:focus-visible {
	background: #e27400 !important;
}

.bbc-control-section--actions {
	display: grid;
	gap: 0.65rem;
}

.bbc-customizer__post-cart-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
	border: 1px solid rgba(0, 38, 70, 0.14);
	border-radius: 8px;
	background: var(--bbc-sage);
	padding: 0.55rem;
}

.bbc-customizer__post-cart-actions a,
.bbc-customizer__post-cart-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	border: 1px solid rgba(0, 38, 70, 0.18);
	border-radius: 8px;
	background: var(--bbc-paper);
	color: var(--bbc-navy);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 850;
	line-height: 1;
	padding: 0.72rem 0.65rem;
	text-align: center;
	text-decoration: none;
}

.bbc-customizer__post-cart-actions a:nth-child(2) {
	border-color: var(--bbc-orange);
	background: var(--bbc-orange);
}

.bbc-customizer__post-cart-actions button {
	background: var(--bbc-navy);
	color: var(--bbc-paper);
}

.bbc-customizer__status {
	min-height: 1.25rem;
	color: var(--bbc-muted);
	font-size: 0.9rem;
}

.bbc-customizer__status:empty {
	display: none;
}

.bbc-customizer__status.is-error {
	color: var(--bbc-orange);
}

.bbc-customizer__status.is-success {
	color: var(--bbc-navy);
}

.bbc-preview-toolbar {
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: center;
	border-bottom: 1px solid var(--bbc-border);
	border-radius: 8px 8px 0 0;
	padding: 0.9rem 1rem;
}

.bbc-preview-summary {
	color: var(--bbc-muted);
	font-size: 0.92rem;
	font-weight: 700;
}

.bbc-preview-tools {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-end;
}

.bbc-preview-tool-group {
	display: inline-flex;
	gap: 0.35rem;
}

.bbc-preview-tools button {
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	min-height: 36px;
	border: 1px solid rgba(0, 38, 70, 0.2);
	border-radius: 8px;
	background: #fdfefd;
	color: var(--bbc-navy);
	cursor: pointer;
	font-weight: 800;
}

.bbc-preview-tools button[aria-pressed="true"] {
	border-color: var(--bbc-orange);
	background: var(--bbc-orange);
	color: var(--bbc-navy);
}

.bbc-orientation-icon {
	display: block;
	border: 2px solid currentColor;
	border-radius: 3px;
}

.bbc-orientation-icon--portrait {
	width: 15px;
	height: 23px;
}

.bbc-orientation-icon--landscape {
	width: 25px;
	height: 15px;
}

.bbc-preview-frame {
	flex: 1 1 auto;
	min-height: 0;
	container-type: size;
	overflow: auto;
	background: transparent;
	padding: clamp(0.75rem, 1.6vw, 1.25rem);
}

.bbc-preview-stage {
	--bbc-preview-board-ratio: 1.67013;
	--bbc-preview-short-edge: min(390px, calc(100vw - 4rem));
	display: grid;
	place-items: center;
	width: max-content;
	min-width: 100%;
	min-height: 100%;
}

@supports (width: 1cqh) {
	.bbc-preview-stage {
		--bbc-preview-short-edge: min(430px, calc(100vw - 4rem), calc((100cqh - 0.75rem) / var(--bbc-preview-board-ratio)));
	}
}

.bbc-preview-svg {
	width: var(--bbc-preview-short-edge);
	transform-origin: center;
	transition: transform 160ms ease;
}

.bbc-preview-svg[data-orientation="landscape"] {
	width: calc(var(--bbc-preview-short-edge) * 1.67013);
}

.bbc-preview-svg svg {
	display: block;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	user-select: none;
}

.bbc-preview-svg [data-logo-image] {
	cursor: move;
	touch-action: none;
}

.bbc-preview-warnings {
	flex: 0 0 auto;
	min-height: 2.6rem;
	padding: 0.75rem 1rem;
	color: var(--bbc-orange);
	font-size: 0.92rem;
}

@media (max-width: 980px) {
	.bbc-customizer__app {
		grid-template-columns: 1fr;
	}

	.bbc-customizer__controls {
		position: static;
		height: auto;
		max-height: none;
		order: 2;
	}

	.bbc-customizer__preview-column {
		position: static;
		height: auto;
		max-height: none;
		order: 1;
	}

	.bbc-preview-frame {
		flex: 0 0 auto;
		height: clamp(420px, 68vh, 720px);
		min-height: clamp(420px, 68vh, 720px);
	}

	.bbc-preview-stage {
		--bbc-preview-short-edge: min(390px, calc(100vw - 4rem));
		min-height: 100%;
	}
}

@media (max-width: 680px) {
	.bbc-customizer {
		padding: 0;
	}

	.bbc-customizer__header {
		align-items: start;
		flex-direction: column;
		padding: 1rem 0.75rem;
	}

	.bbc-customizer__app {
		padding: 0 0.75rem 0.75rem;
	}

	.bbc-color-grid {
		grid-template-columns: 1fr;
	}

	.bbc-customizer__post-cart-actions {
		grid-template-columns: 1fr;
	}

	.bbc-preview-toolbar {
		align-items: start;
		flex-direction: column;
	}

	.bbc-preview-frame {
		height: clamp(390px, 64vh, 620px);
		min-height: clamp(390px, 64vh, 620px);
		padding: 0.75rem;
	}

	.bbc-preview-stage {
		--bbc-preview-short-edge: min(320px, calc(100vw - 3rem));
	}
}

/* Presets and the optional free editor share the existing navy/orange/sage palette. */
.bbc-customizer [hidden] { display: none !important; }
.bbc-mode-switch, .bbc-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.bbc-row h3 { margin:8px auto 8px 0; }
.bbc-mode-switch button { flex:1; }
.bbc-customizer button[aria-pressed="true"] { background:#002646; color:#fff; border-color:#002646; }
.bbc-editor-help { font-size:13px; line-height:1.5; color:#52655c; }
.bbc-preset-track, .bbc-element-track { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; padding:8px 2px 14px; scrollbar-width:thin; }
.bbc-preset-card { flex:0 0 150px; padding:12px; background:#eef3ee; border:1px solid #d5dfd4; border-radius:4px; scroll-snap-align:start; display:grid; gap:8px; }
.bbc-preset-card strong { font-size:13px; }
.bbc-preset-preview { height:140px; text-align:center; }
.bbc-preset-preview svg { height:100%; width:auto; max-width:100%; }
.bbc-customizer .bbc-preset-card button.bbc-preset-preview { padding:0; border:0; background:transparent; color:inherit; line-height:0; display:block; width:100%; cursor:pointer; }
.bbc-customizer .bbc-preset-card button { padding:7px; font-size:12px; }
.bbc-element-track > button { flex:0 0 160px; min-height:64px; scroll-snap-align:start; text-align:left; white-space:normal; }
.bbc-element-track small { display:block; font-size:11px; margin-top:6px; font-weight:400; }
.bbc-history { margin-top:10px; }
.bbc-field-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
.bbc-free-editor fieldset { border:0; padding:8px 0; margin:0; min-width:0; }
.bbc-free-editor legend { font-size:13px; font-weight:700; }
.bbc-free-editor .bbc-check { display:flex; align-items:center; gap:8px; margin:12px 0; }
.bbc-free-editor .bbc-check input { width:auto; margin:0; }
.bbc-free-editor textarea { width:100%; box-sizing:border-box; font:inherit; padding:10px; border:1px solid #cdd8d1; border-radius:4px; }
.bbc-customizer[data-design-mode="free"] [data-preview] { touch-action:none; }
.bbc-customizer [data-element-id], .bbc-customizer [data-free-handle="move"] { cursor:move; }
.bbc-customizer [data-free-handle="resize"] { cursor:nwse-resize; }
.bbc-customizer [data-free-resize="n"], .bbc-customizer [data-free-resize="s"] { cursor:ns-resize; }
.bbc-customizer [data-free-resize="e"], .bbc-customizer [data-free-resize="w"] { cursor:ew-resize; }
.bbc-customizer [data-free-handle="rotate"] { cursor:crosshair; }
.bbc-free-editor button, .bbc-design-tools button { min-height:36px; }
.bbc-customizer .bbc-free-editor button:disabled, .bbc-customizer .bbc-design-tools button:disabled { opacity:.5; cursor:default; }
.bbc-customizer .bbc-row > button { width:auto; flex:0 0 auto; padding:6px 10px; }
.bbc-customizer .bbc-row h3, .bbc-customizer .bbc-free-editor h3 { font-size:16px; line-height:1.3; }
.bbc-customizer .bbc-presets { max-width:1416px; margin:0 auto 20px; padding:0 clamp(1rem,2.6vw,2rem); border:0; }
.bbc-customizer .bbc-presets .bbc-preset-card { flex-basis:180px; }
.bbc-customizer .bbc-presets .bbc-preset-preview { height:110px; }
.bbc-customizer .bbc-history > button { flex:1; }
.bbc-customizer .bbc-free-editor [data-element-add] { margin-left:auto; }
.bbc-customizer .bbc-free-editor [data-element-add] + [data-element-add] { margin-left:0; }
@media (max-width:680px) {
 .bbc-customizer .bbc-presets .bbc-preset-card { flex-basis:145px; }
 .bbc-customizer .bbc-presets .bbc-preset-preview { height:95px; }
}
.bbc-element-card { position:relative; flex:0 0 160px; scroll-snap-align:start; }
.bbc-element-card > [data-element-card] { min-height:76px; height:100%; padding:10px 35px 10px 10px; text-align:left; white-space:normal; }
.bbc-element-card > .bbc-image-card__remove { position:absolute; right:5px; top:5px; }
.bbc-free-editor > .bbc-color-control { margin-bottom:1rem; }
.bbc-free-editor .bbc-color-control { grid-template-columns:minmax(0,1fr) 48px; }
.bbc-free-editor .bbc-color-control--opacity { grid-template-columns:1fr; }
.bbc-free-editor .bbc-control-label-row { margin-top:.75rem; }
.bbc-element-card { min-width:0; }
.bbc-element-card small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bbc-element-card:has([aria-pressed="true"]) > .bbc-image-card__remove { background:var(--bbc-sage); color:var(--bbc-navy); }
.bbc-inline-text-editor {
 position:fixed; left:0; top:0; z-index:10000; transform-origin:0 0;
 box-sizing:border-box; min-width:0; min-height:0; margin:0; padding:0; border:0; border-radius:3px;
 outline:1px solid #fd8404; background:rgba(253,254,253,.96); resize:none;
 overflow:auto; white-space:pre-wrap; box-shadow:0 1px 4px rgba(0,38,70,.12);
}
.bbc-inline-text-editor[wrap="off"] { white-space:pre; }
.bbc-preview-tools .bbc-board-history button { width:auto; padding:0 .6rem; font-size:.78rem; }
.bbc-board-history button:disabled { opacity:.4; cursor:default; }
.bbc-free-field { margin-bottom:1rem; }
.bbc-free-editor .bbc-surface-controls .bbc-free-field { display:grid; gap:.35rem; margin-bottom:0; }
.bbc-free-editor .bbc-surface-controls .bbc-control-label-row { margin-top:0; }
.bbc-free-editor .bbc-surface-controls .bbc-field-grid input { margin-bottom:0; }
.bbc-free-editor .bbc-surface-controls .bbc-free-field select { margin-bottom:.65rem; }

.bbc-free-editor .bbc-control-label-row:has([data-line-width-step]) + .bbc-color-grid { margin-top:1rem; }
.bbc-free-editor label.bbc-color-control:has(> [data-board-color]),
.bbc-free-editor label.bbc-color-control:has(> [data-element-field="color"]) {
 width:calc((100% - .75rem) / 2);
}
/* Warnings overlay the preview instead of resizing the canvas during a drag. */
.bbc-preview-warnings {
 position:absolute; left:.75rem; right:.75rem; bottom:.75rem;
 min-height:0; max-height:4.5rem; overflow:auto; z-index:2;
 padding:.5rem .75rem; border:1px solid var(--bbc-border);
 border-radius:6px; background:rgba(253,254,253,.96); line-height:1.4;
}
.bbc-preview-warnings:empty { display:none; }
@media (max-width:980px) {
 .bbc-customizer__preview-column { position:relative; top:auto; }
}
/* The interactive board uses object selection handles, without a rectangular focus frame. */
.bbc-customizer .bbc-preview-svg:focus, .bbc-customizer .bbc-preview-svg:focus-visible { outline:0; }

.bbc-preset-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.bbc-customizer .bbc-preset-filters button { width:auto; padding:8px 16px; }
.bbc-customizer .bbc-preset-filters button[aria-pressed="true"] { background:var(--bbc-navy); color:white; }
.bbc-preset-card[hidden] { display:none; }

/* Team discovery shares filters and search state across breakpoints. */
.bbc-preset-controls { display:flex; gap:16px; margin:0 0 12px; align-items:end; }
.bbc-customizer .bbc-preset-controls label { display:grid; gap:6px; margin:0; }
.bbc-customizer .bbc-preset-controls .bbc-preset-league { display:none; }
.bbc-preset-search { width:min(100%, 360px); }
.bbc-preset-results { font-size:13px; color:var(--bbc-navy); margin:8px 0 0; }
@media (max-width: 700px) {
 .bbc-preset-filters { display:none; }
 .bbc-customizer .bbc-preset-controls .bbc-preset-league { display:grid; min-width:0; }
 .bbc-preset-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
 .bbc-preset-controls input, .bbc-preset-controls select { min-width:0; width:100%; }
}

.bbc-spinner { display:inline-block; width:18px; height:18px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:bbc-spin .75s linear infinite; flex-shrink:0; vertical-align:middle; }
@keyframes bbc-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .bbc-spinner { animation-duration:1.8s; } }
.bbc-loading-indicator { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:100000; display:flex; align-items:center; gap:12px; max-width:calc(100vw - 32px); padding:14px 20px; border-radius:8px; color:white; background:var(--bbc-navy); box-shadow:0 4px 20px #00264633; pointer-events:none; }
.bbc-customizer button[aria-busy="true"]::before { content:''; display:inline-block; width:14px; height:14px; margin-right:8px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:bbc-spin .75s linear infinite; vertical-align:middle; }
.bbc-share-dialog { color:var(--bbc-navy); background:var(--bbc-paper,#fdfefd); border:1px solid #bcc9d1; border-radius:12px; padding:24px; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; }
.bbc-share-dialog::backdrop { background:#00264688; }
.bbc-share-dialog h2 { margin:0 0 12px; }
.bbc-share-dialog p { margin:12px 0; }
.bbc-share-dialog label { display:grid; gap:6px; font-size:.82rem; font-weight:800; }
.bbc-share-dialog input { box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:.68rem .78rem; border:1px solid rgba(0,38,70,.22); border-radius:8px; background:var(--bbc-paper); color:var(--bbc-navy); font:inherit; font-weight:650; }
.bbc-share-dialog button { min-height:46px; margin:12px 8px 0 0; padding:.68rem 1rem; border:1px solid rgba(0,38,70,.22); border-radius:8px; background:var(--bbc-paper); color:var(--bbc-navy); font:inherit; font-weight:800; line-height:1.25; cursor:pointer; transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease; }
.bbc-share-dialog [data-copy-share], .bbc-share-dialog [data-share-retry] { border-color:var(--bbc-orange); background:var(--bbc-orange); }
.bbc-share-dialog button:hover { background:var(--bbc-orange-soft); }
.bbc-share-dialog [data-copy-share]:hover, .bbc-share-dialog [data-share-retry]:hover { background:#e27400; }
.bbc-share-dialog input:focus-visible, .bbc-share-dialog button:focus-visible { border-color:rgba(253,132,4,.82); outline:none; box-shadow:0 0 0 3px var(--bbc-orange-soft); }
.bbc-share-dialog button:disabled { opacity:.6; cursor:wait; }
.bbc-share-progress { display:flex; align-items:center; gap:10px; }
.bbc-share-dialog [hidden] { display:none !important; }
.bbc-error-feedback { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:100001; display:flex; align-items:center; gap:12px; width:max-content; max-width:calc(100vw - 32px); padding:12px 16px; color:#6b1b1b; background:#fff1ee; border:1px solid #dbaaa0; border-radius:8px; box-shadow:0 4px 20px #00264622; }
.bbc-customizer[aria-busy="true"] .bbc-error-feedback { display:none; }
.bbc-customizer .bbc-error-feedback button { padding:4px 8px; width:auto; flex-shrink:0; }

.bbc-share-actions { display:flex; flex-wrap:nowrap; gap:8px; margin-top:12px; }
.bbc-share-dialog .bbc-share-actions button { margin:0; white-space:nowrap; }
.bbc-share-dialog:has([data-share-result][hidden]) [data-copy-share] { display:none; }
.bbc-customizer .bbc-error-feedback button { display:inline-grid; place-items:center; min-width:36px; min-height:36px; padding:0; border:1px solid #dbaaa0; border-radius:8px; background:#fff; color:#6b1b1b; font:inherit; font-size:22px; font-weight:800; line-height:1; cursor:pointer; transition:background-color 160ms ease,box-shadow 160ms ease; }
.bbc-customizer .bbc-error-feedback button:hover { background:#ffe1da; }
.bbc-customizer .bbc-error-feedback button:focus-visible { outline:none; box-shadow:0 0 0 3px var(--bbc-orange-soft); border-color:var(--bbc-orange); }

.bbc-perspective-dialog { width:min(850px,calc(100vw - 32px)); box-sizing:border-box; }
.bbc-perspective-scene { display:grid; place-items:center; height:min(58dvh,570px); min-height:180px; overflow:hidden; perspective:1100px; touch-action:none; cursor:grab; background:radial-gradient(ellipse at center,#edf3ef 0%,#fdfefd 75%); border-radius:8px; }
.bbc-perspective-scene[data-dragging] { cursor:grabbing; }
.bbc-perspective-board { position:relative; height:85%; aspect-ratio:var(--bbc-view-ratio, 415 / 693); transform-style:preserve-3d; }
.bbc-perspective-board[data-orientation="landscape"] { height:auto; width:85%; max-height:85%; }
.bbc-perspective-board > svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; backface-visibility:hidden; }
.bbc-perspective-face { transform:translateZ(0); }
.bbc-perspective-edge { filter:brightness(.7); }
.bbc-perspective-edge:first-child { filter:brightness(.7) drop-shadow(8px 12px 10px #00264640); }
.bbc-share-dialog .bbc-perspective-angle-label { margin-top:12px; grid-template-columns:1fr auto; align-items:center; }
.bbc-share-dialog [data-perspective-angle] { grid-column:1 / -1; padding:0; border:0; box-shadow:none; min-height:32px; accent-color:var(--bbc-orange); }
.bbc-perspective-actions { justify-content:center; }
@media(max-width:480px) { .bbc-perspective-dialog { padding:16px; } .bbc-perspective-dialog .bbc-perspective-actions { gap:6px; } .bbc-perspective-dialog .bbc-perspective-actions button { padding:.6rem .7rem; } }