/* Keep the value workbench as wide as its knives need, while giving every
   ingredient a full row instead of scrolling through a cropped list. */
.tools-column > .value-studio {
  width: min(100%, 250px);
  max-width: 250px;
  min-width: 0;
}

.tools-column > .value-studio .value-knives {
  grid-auto-rows: 36px;
  gap: 2px;
  max-height: none;
  height: auto;
  overflow: visible;
  align-content: start;
}

.tools-column > .value-studio .value-knife,
.tools-column > .value-studio .value-extra .value-knife {
  height: 34px;
  min-height: 34px;
}

.tools-column > .value-studio .value-knife svg,
.tools-column > .value-studio .value-extra .value-knife svg {
  height: 34px;
}

@media (max-width: 759px) {
  .tools-column > .value-studio {
    width: min(100%, 250px);
    max-width: 250px;
  }
}