body {
  min-width: 0;
}

@media (max-width: 900px), (max-height: 720px) {
  body {
    overflow: auto;
  }

  .shell {
    width: min(100% - 24px, 760px);
    height: auto;
    min-height: calc(100vh - 24px);
    margin: 12px auto;
    grid-template-rows: auto auto auto auto;
  }

  .studio {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding: 24px;
  }

  .product-art {
    width: 280px;
    height: 180px;
  }

  .grid-card {
    width: min(370px, 100%);
  }

  .tags {
    grid-template-columns: 1fr;
  }

  .tags > span {
    display: none;
  }

  .controls,
  .decision {
    grid-template-columns: 1fr;
  }

  .controls {
    padding: 18px;
  }

  .controls label {
    grid-template-columns: 120px 1fr 62px;
  }

  .presets,
  .actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 520px) {
  .topline {
    grid-template-columns: 1fr auto;
  }

  .pips {
    display: none;
  }

  .studio {
    padding: 18px;
  }

  .sale-sticker {
    width: 104px;
    height: 104px;
  }

  .controls label {
    grid-template-columns: 1fr;
  }

  .decision h1 {
    font-size: 24px;
  }
}