.skin-gallery-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  margin: 0 0 10px;
  padding: clamp(7px, .8vw, 12px);
  border: 1px solid #457d51;
  border-radius: 8px;
  background: rgba(5, 25, 12, .95);
  color: #bcffc7;
  font: 800 clamp(11px,.72vw,15px) 'Courier New', monospace;
}
.skin-gallery-search label { display: grid; gap: 4px; min-width: 0; }
.skin-gallery-search input {
  width: 100%;
  min-height: 35px;
  padding: 7px 10px;
  border: 1px solid #73d486;
  border-radius: 5px;
  background: #09190e;
  color: white;
  font: inherit;
}
.skin-gallery-search button {
  align-self: end;
  min-height: 35px;
  border: 1px solid #73d486;
  border-radius: 5px;
  background: #1b4726;
  color: white;
  font: inherit;
  cursor: pointer;
}
.skin-gallery-search button[hidden],
.skin-gallery-search .skin-gallery-search-empty[hidden],
.skin-choice-wrap[hidden] { display: none !important; }
.skin-gallery-search output { grid-column: 1 / -1; color: #a3d6b0; font-weight: 600; }
.skin-gallery-search-empty { grid-column: 1 / -1; margin: 0; color: #f0d4a2; }
@media (max-width: 700px) {
  .skin-gallery-search { padding: 7px; }
}