/* Palette tiles: fixed square cells */
.stk-chip {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 10px;
  width: 44px;              /* was flexible; make fixed */
  height: 44px;
  padding: 6px;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  cursor: pointer;
}

/* Selected look that doesn't change layout */
.stk-chip.stk-active { box-shadow: 0 0 0 2px #111 inset; }

/* Thumbnails: fill the tile, keep aspect ratio */
.stk-chip img {
  width: 100%;
  height: 100%;
  object-fit: contain;      /* key: centers and scales */
  display: block;
}

/* Make the panel text sane-sized */
.stk-palette { font: 13px/1.2 system-ui; }
.stk-btn, .stk-input { font: 13px/1.2 system-ui; }

.stk-sticker {
  opacity: 0.5;
  transition: 0.2s;
}

.stk-sticker:hover {
  opacity: 1;
}