/* Embed Code block. Loaded only where the block is used. The frame holds the placeholder until
 * assets/js/lazy-frame.js swaps the <template> code in; Min Height reserves the widget's space. */
.wb-embed-code .wb-embed-code__frame { position: relative; }
.wb-embed-code .wb-embed-code__placeholder { display: block; max-width: 100%; height: auto; margin-inline: auto; }
:where(.wb-embed-code .wb-embed-code__frame.wb-lazy-frame) { background-color: #f6f7f7; }

/* Editor stand-in */
.wb-embed-code .wb-embed-code__frame--editor { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 80px; padding: 12px; border: 1px dashed #c3c4c7; background: #f6f7f7; text-align: center; }
.wb-embed-code .wb-embed-code__label { font: 12px/1.4 system-ui, sans-serif; color: #50575e; }
