.uc-root .uc-preview-banner {
  align-items: center;
  background: var(--uc-color-warning-surface, #fff4cc);
  border-block-end: 1px solid var(--uc-color-warning-border, #d69e00);
  color: var(--uc-color-text, #172033);
  display: flex;
  flex-wrap: wrap;
  gap: var(--uc-space-3, 0.75rem);
  justify-content: center;
  padding: var(--uc-space-3, 0.75rem) var(--uc-space-5, 1.25rem);
  position: relative;
  z-index: 100;
}

.uc-root .uc-preview-banner .uc-btn {
  min-height: 2.5rem;
}

.uc-root .uc-input[readonly] {
  background-color: var(--uc-color-surface-sunken);
  cursor: not-allowed;
}

@media (max-width: 600px) {
  .uc-root .uc-preview-banner {
    align-items: stretch;
    flex-direction: column;
  }
}