/* Match the existing preview's 16px gutters; keep CTA appearance unchanged. */
.bar {
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
  grid-template-columns: fit-content(42%) minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
}
.bar[hidden] { display: none; }
.bar .cta-price { min-width: 0; }
.bar .cta-price-num span { min-width: 0; overflow-wrap: anywhere; }
.bar .create { min-width: 0; width: 100%; }
.bar .message { grid-column: 1 / -1; margin-top: 0; }
.bar .message:empty { display: none; }
.body {
  padding-bottom: var(--video-bottom-clearance, calc(124px + var(--tg-safe-bottom, env(safe-area-inset-bottom))));
}