.smbc-wrap {
  width: 100%;
  max-width: var(--smbc-max-width, 100%);
}
.smbc-wrap.is-full-width { max-width: none; }
.smbc-banner {
  width: 100%;
  height: var(--smbc-height, 180px);
  min-height: var(--smbc-height, 180px);
  overflow: hidden;
  background: transparent;
  position: relative;
}
.smbc-banner svg {
  display: block;
  width: 100%;
  height: 100%;
}
.smbc-banner text, .smbc-banner {
  font-family: Inter, Arial, Helvetica, sans-serif;
}
@media (max-width: 782px) {
  .smbc-banner { height: var(--smbc-mobile-height, 120px); min-height: var(--smbc-mobile-height, 120px); }
}

.smbc-admin-page .regular-text { min-width: 380px; }
.smbc-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 16px;
  margin-top: 14px;
}
.smbc-preview-card {
  background: #fff;
  border: 1px solid #d0d4d9;
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
}
.smbc-preview-card.is-active {
  border-color: #2271b1;
  box-shadow: 0 0 0 1px #2271b1 inset;
}
.smbc-preview-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 8px;
}
.smbc-preview-card__canvas {
  padding: 10px;
}
.smbc-badge {
  background: #2271b1;
  color: #fff;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1;
}

@media (max-width: 1100px) {
  .smbc-preview-grid { grid-template-columns: 1fr; }
  .smbc-admin-page .regular-text { min-width: 0; width: 100%; }
}