/* ============ LRob Gutenberg Blur (front == editor) ============ */
/* Minimal styles; everything is driven by the 4 controls. */

.lrob-blur {
  /* Keep normal WP block flow; do not force dimensions */
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-radius: inherit; /* inherit block’s own radius if any */

  /* Background color is set inline (backgroundColor) and mirrored here for safety */
  background-color: var(--lrob-bg-color, rgba(0,0,0,0));

  /* Backdrop blur + saturation (variables controlled by editor) */
  backdrop-filter: blur(var(--lrob-blur, 0px)) saturate(var(--lrob-saturation, 100%));
  -webkit-backdrop-filter: blur(var(--lrob-blur, 0px)) saturate(var(--lrob-saturation, 100%));

  /* Subtle border similar to your example */
  border: 1px solid rgba(255, 255, 255, 0.125);
}

/* Editor outline (no effect on front) */
.block-editor-block-list__block.lrob-blur.is-selected {
  outline: 2px solid var(--wp-admin-theme-color);
  outline-offset: 0;
}