/* BD24 Design Studio editor: no storefront selectors are styled here. */
#bd24-design-form,
.bd24-design-studio { --bd24-ink:#172033; --bd24-muted:#667085; --bd24-line:#d9e0ea; --bd24-accent:#2563eb; color:var(--bd24-ink); font:inherit; }
.bd24-design-studio [data-effect-toolbar] { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; margin-block:.75rem 1rem; }
.bd24-design-studio [data-effect-search],
#bd24-design-form [data-effect-search] { box-sizing:border-box; min-width:16rem; padding:.65rem .8rem; border:1px solid var(--bd24-line); border-radius:.55rem; background:#fff; color:var(--bd24-ink); }
.bd24-design-studio [data-effect-search]:focus-visible,
#bd24-design-form [data-effect-search]:focus-visible { outline:3px solid color-mix(in srgb,var(--bd24-accent),transparent 70%); outline-offset:2px; }
.bd24-design-studio [data-catalog-count], #bd24-catalog-count { font-weight:700; color:var(--bd24-accent); }
#bd24-design-form [data-rule], .bd24-design-studio [data-rule] { border:1px solid var(--bd24-line); border-radius:.8rem; padding:1rem; margin-block:1rem; background:#fff; box-shadow:0 2px 10px rgba(15,23,42,.05); }
#bd24-design-form [data-rule] > legend { padding-inline:.4rem; font-weight:750; }
#bd24-design-form [data-rule] label, .bd24-design-studio [data-rule] label { display:flex; flex-direction:column; gap:.3rem; min-width:10rem; color:var(--bd24-muted); font-size:.88rem; }
#bd24-design-form [data-rule] input,
#bd24-design-form [data-rule] select,
#bd24-design-form [data-rule] textarea { box-sizing:border-box; width:100%; padding:.55rem .65rem; border:1px solid var(--bd24-line); border-radius:.45rem; background:#fff; color:var(--bd24-ink); font:inherit; }
#bd24-design-form [data-rule] input:focus-visible,
#bd24-design-form [data-rule] select:focus-visible,
#bd24-design-form [data-rule] textarea:focus-visible { outline:3px solid color-mix(in srgb,var(--bd24-accent),transparent 72%); outline-offset:1px; }
#bd24-design-form [data-rule] [data-effect-select] { min-height:8.5rem; }
#bd24-design-form [data-rule] [data-effect-select] option { padding:.25rem; }
.bd24-design-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(11rem,1fr)); gap:.8rem; }
.bd24-design-effects { grid-column:1/-1; }
[data-preview-box] { display:grid; place-items:center; min-height:4rem; margin-top:.75rem; padding:1rem; border:1px dashed var(--bd24-line); border-radius:.6rem; background:linear-gradient(135deg,#f8fafc,#eef4ff); color:var(--bd24-ink); text-align:center; }
[data-preview-rule], .bd24-design-studio button { border:1px solid var(--bd24-accent); border-radius:.45rem; padding:.55rem .8rem; background:var(--bd24-accent); color:#fff; cursor:pointer; font:inherit; font-weight:650; }
[data-preview-rule]:hover, .bd24-design-studio button:hover { filter:brightness(.94); }
[data-preview-rule]:focus-visible, .bd24-design-studio button:focus-visible { outline:3px solid color-mix(in srgb,var(--bd24-accent),transparent 68%); outline-offset:2px; }
@media (max-width:600px) { .bd24-design-studio [data-effect-search], #bd24-design-form [data-effect-search] { min-width:100%; } #bd24-design-form [data-rule], .bd24-design-studio [data-rule] { padding:.75rem; } }
@media (prefers-reduced-motion:reduce) { [data-preview-box] *, #bd24-design-form *, .bd24-design-studio * { animation-duration:.001ms!important; transition-duration:.001ms!important; } }

.bd24-catalog-error { margin:.75rem 0; padding:.7rem .85rem; border-left:4px solid #b42318; background:#fff1f0; color:#8a1c13; }

#bd24-design-form [data-rule] input[type="checkbox"]{width:auto;align-self:flex-start} [data-bd24-design-icon]{display:inline-flex;align-items:center;vertical-align:middle;margin-inline-end:.4em} [data-bd24-design-icon] img{display:block;max-width:32px;max-height:32px}