.model-search-wrap, .model-search-empty { display: none; }
@media (min-width: 1201px) {
  html body.video-workspace .app-shell #createView .model-search-wrap {
    display: block;
    margin: 0 0 8px;
  }
  html body.video-workspace .app-shell #createView .model-search-wrap input {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d9dce3;
    border-radius: 6px;
    background: #fff;
    color: #242935;
    font: inherit;
    font-size: 13px;
  }
  html body.video-workspace .app-shell #createView .model-search-empty {
    margin: 8px 2px;
    color: #697281;
    font-size: 12px;
  }
  html body.video-workspace .app-shell #createView .model-search-empty:not([hidden]) { display: block; }
  html body.video-workspace .app-shell #createView #modelList {
    max-height: min(320px, 36vh) !important;
    align-content: start;
    gap: 7px !important;
  }
  html body.video-workspace .app-shell #createView #modelList .model-group-heading {
    margin: 3px 0 0 !important;
    padding: 5px 2px !important;
    border-bottom: 1px solid #e7e9ed;
    color: #707887;
    font-size: 12px !important;
    font-weight: 600;
  }
  html body.video-workspace .app-shell #createView #modelList .model-chip {
    height: 94px !important;
    min-height: 94px !important;
    padding: 10px !important;
    background: #fff !important;
    border-color: #e2e4e9 !important;
    overflow: hidden;
  }
  html body.video-workspace .app-shell #createView #modelList .model-chip:not(:disabled):hover {
    border-color: #bd7d9e !important;
  }
  html body.video-workspace .app-shell #createView #modelList .model-chip strong,
  html body.video-workspace .app-shell #createView #modelList .model-chip small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  html body.video-workspace .app-shell #createView #modelList .model-chip strong {
    font-size: 13px;
    font-weight: 650;
    line-height: 18px;
    min-height: 36px;
  }
  html body.video-workspace .app-shell #createView #modelList .model-chip small {
    margin-top: 5px;
    font-size: 11px;
    line-height: 15px;
  }
  html body.video-workspace .app-shell #createView #modelList .model-chip.selected {
    border-color: #ae2a69 !important;
    background: #fff5f8 !important;
  }
  html body.video-workspace .app-shell #createView #modelList :is(.model-chip, .model-group-heading)[hidden] {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .model-search-wrap, .model-search-empty { display: none !important; }
}
