/* Selection bar: same surface as the element toolbar above the slide. */
#editor-view .selection-tools { background: var(--brand-dark); border-color: rgba(255,255,255,.1); }
.selection-tools button.is-active { color: #fff; background: rgba(255,255,255,.16); }
.selection-plus-menu { position: fixed !important; bottom: auto !important; transform: none !important; z-index: 2700; width: 232px; padding: 11px; direction: rtl; }
.selection-plus-menu.open { transform: none !important; }
.selection-plus-menu .selection-plus-head { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; color: #0f172a; }
.selection-plus-menu .selection-plus-head svg { width: 16px; height: 16px; color: var(--brand-primary); }
.selection-plus-menu .selection-plus-head span { display: grid; gap: 1px; }
.selection-plus-menu .selection-plus-head b { font-size: 11px; font-weight: 900; }
.selection-plus-menu .selection-plus-head small { font-size: 9px; color: #94a3b8; font-weight: 700; }
.selection-plus-menu .shape-brand-palette { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; }
.selection-plus-menu .shape-brand-swatch { width: 28px; height: 28px; min-height: 0; padding: 0; border-radius: 50%; background: var(--swatch); border: 2px solid #fff; box-shadow: 0 0 0 1px #e2e8f0; }
.selection-plus-menu .shape-brand-swatch:hover, .selection-plus-menu .shape-brand-swatch.active { box-shadow: 0 0 0 2px var(--brand-primary); background: var(--swatch); }
.selection-align-row, .dynamic-align-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.selection-align-row button, .dynamic-align-options button { height: 38px; min-height: 0; display: grid; place-items: center; padding: 0; border: 1px solid #e2e8f0; border-radius: 10px; color: #334155; background: #fff; }
.selection-align-row button:hover, .selection-align-row button.active, .dynamic-align-options button:hover, .dynamic-align-options button.active { color: var(--brand-primary); border-color: var(--brand-primary); background: var(--brand-primary-tint); }
.selection-align-row svg, .dynamic-align-options svg { width: 17px; height: 17px; }
.dynamic-toolbar-align-menu { top: 52px; width: 230px; flex-direction: column; gap: 10px; padding: 12px; direction: rtl; border-radius: 15px; }
/* A hidden element: faint and outlined in the editor, absent from the player and exports. */
.element-wrapper.is-hidden-element { opacity: .28 !important; outline: 1.5px dashed #94a3b8; outline-offset: 3px; }
.element-wrapper.is-hidden-element.selected { opacity: .5 !important; }