Prevent Studio hero mock buttons from overflowing on mobile

[Copilot]

On narrow screens, the emoji buttons inside the Studio landing page window mock could exceed the card bounds instead of shrinking with the grid. This update tightens grid sizing behavior so tiles stay contained within the mock frame.

• Responsive grid track sizing

  • Updated the emoji tile grid to use shrinkable tracks (minmax(0, 1fr)) so each column can contract without forcing overflow.

• Tile box model constraints

  • Applied box-sizing: border-box and min-width: 0 to emoji tiles to ensure borders and intrinsic sizing do not push tiles past container width.

.emojiRow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.emojiTile {
  box-sizing: border-box;
  min-width: 0;
}