/* Pixelate — an uploader (after="hide") and a split: the preview card (canvas
   + before/after rows) on the left, the settings inspector on the right
   (layout from styles/components/form.css + uploader.css; the canvas stage
   is styles/components/preview.css). Only the title tile, the preset chips
   and the Play state are the page's own. */

/* Gradient title tile (stands in for a generated glass icon). */
.px-title-icon {
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #5ce4c3, #00bfa5);
}

/* Five resolution presets on one line, all the same width. */
.px-presets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-2);
}

/* While the build animation runs, Play is inert. */
.px-play.is-playing { opacity: 0.7; pointer-events: none; }