.gift-frame-picker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.gift-frame-picker .gift-frame-picker-choice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 8px 5px;
  border: 1px solid #49454e;
  border-radius: 9px;
  background: #111116;
  color: #ddd9e5;
  cursor: pointer;
  font: inherit;
}
.gift-frame-picker .gift-frame-picker-choice.is-selected {
  border-color: #19dfcf;
  box-shadow: inset 0 0 0 1px #19dfcf;
  background: #143330;
  color: #fff;
}
.gift-frame-picker .gift-frame-picker-choice:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.gift-frame-picker-art { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1; font-size: 32px; color: #aaa3b5; }
.gift-frame-picker-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.gift-frame-picker-art img.source-left { clip-path: inset(0 50% 0 0); }
.gift-frame-picker-art img.source-right { clip-path: inset(0 0 0 50%); }
.gift-frame-picker-art img.is-mirror { transform: scaleX(-1); }
.gift-frame-picker-name { font-size: 11px; line-height: 1.4; text-align: center; overflow-wrap: anywhere; }