html:not(.handheld-player) #mobile-player {
  display: none !important;
}
html:not(.handheld-player) body {
  padding-bottom: 0 !important;
}
.library-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.library-picker > label,
.library-picker .set-picker {
  flex: 0 1 auto;
  width: max-content;
  min-width: 0;
  max-width: 100%;
}
.library-picker > p {
  white-space: nowrap;
}
.library-picker select {
  appearance: auto;
  -webkit-appearance: auto;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: 46px;
  height: auto;
  line-height: 1.5;
  padding: 10px 14px;
  background-image: none;
}
.library-picker > label:not(.set-picker) {
  width: max-content;
}
.library-picker > label:not(.set-picker) select {
  width: auto;
  min-width: 8.5em;
}
@media (min-width: 1101px) {
  body > main,
  .masthead {
    max-width: none;
    width: 100%;
    padding-left: clamp(40px, 5vw, 192px);
    padding-right: clamp(40px, 5vw, 192px);
  }
  .workspace {
    grid-template-columns: clamp(260px, 19vw, 340px) minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  .library-picker {
    gap: 10px;
    padding: 13px;
  }
  .library-picker > label:not(.set-picker) {
    max-width: calc(50% - 5px);
  }
  .library-picker > label:not(.set-picker) select {
    min-width: 0;
  }
  .library-picker select {
    padding-left: 10px;
    padding-right: 10px;
  }
  .library-picker .set-picker {
    max-width: 100%;
  }
}