/* Keep controls visible; only inventory and selected items scroll. */
.skin-deposit-variant--modal-wide > .skin-deposit-builder,
.skin-deposit-variant--modal-showcase > .skin-deposit-builder {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  height: min(900px, calc(100dvh - 48px));
  max-height: calc(100dvh - 48px);
  min-height: 0;
  overflow: hidden;
}
.skin-deposit-builder > .skin-deposit-columns {
  min-height: 0;
  overflow: hidden;
}
.skin-deposit-builder .skin-deposit-columns > article {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
  overflow: hidden;
}
.skin-deposit-builder .skin-deposit-columns .skin-deposit-item-grid {
  height: auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.skin-deposit-builder .skin-deposit-columns > article > header,
.skin-deposit-builder .skin-deposit-columns > article > footer {
  position: relative;
  z-index: 2;
  background: #252e35;
}
.skin-deposit-builder > .skin-deposit-notice {
  margin: 0;
  padding: 6px 18px;
  max-height: 60px;
  overflow-y: auto;
}
@media (max-width: 800px) {
  .skin-deposit-variant--modal-wide > .skin-deposit-builder,
  .skin-deposit-variant--modal-showcase > .skin-deposit-builder {
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
  }
  .skin-deposit-builder > .skin-deposit-columns {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
    padding: 6px 8px;
  }
  .skin-deposit-variant .skin-deposit-builder > header {
    flex-direction: row;
    align-items: center;
    min-height: 48px;
    padding: 6px 8px;
  }
  .skin-deposit-builder > header strong { font-size: 15px; }
  .skin-deposit-builder > .skin-deposit-trade-url { grid-template-columns: minmax(0, 1fr) 80px; gap: 5px; padding: 6px 8px; }
  .skin-deposit-builder > .skin-deposit-trade-url > button { align-self: end; min-height: 36px; height: 36px; }
  .skin-deposit-builder > .skin-deposit-trade-url label { grid-template-columns: 1fr; gap: 3px; }
  .skin-deposit-builder .skin-deposit-inventory > header { gap: 4px; padding: 4px; }
  .skin-deposit-builder .skin-deposit-game-tabs { gap: 2px; }
  .skin-deposit-builder .skin-deposit-game-tabs button { width: 28px; min-width: 28px; padding: 0; }
  .skin-deposit-builder .skin-deposit-game-tabs button img { width: 24px; height: 24px; }
  .skin-deposit-builder .skin-deposit-selection > footer { padding: 5px 8px; }
}