.neander-model-menu {
  position: absolute; z-index: 120; right: 0; left: auto;
  top: auto; bottom: calc(100% + 12px);
  width: min(248px, calc(100vw - 24px)); max-height: none;
  padding: 8px; overflow: visible; border: 1px solid #e5e7e5;
  border-radius: 20px; background: #fff; color: #202522;
  box-shadow: 0 16px 44px -20px #13251d40, 0 2px 5px #13251d0a;
  font-size: 15px; line-height: 22px; text-align: left;
}
.neander-model-menu.is-below { top: calc(100% + 12px); bottom: auto; }
.neander-model-menu[hidden], .neander-model-submenu[hidden] { display: none; }
.neander-model-menu .build-model-menu__title,
.neander-model-menu .lp-appmock__model-menu-title { padding: 5px 10px 9px; color: #8a908b; font-size: 11px; font-weight: 500; letter-spacing: .055em; text-transform: uppercase; }
.neander-model-menu .neander-model-host { display: block; max-height: none; padding: 0; overflow: visible; }
.neander-model-list { max-height: var(--picker-height, 250px); overflow-y: auto; }
.neander-model-menu .neander-model-item {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 43px;
  padding: 9px 10px; border: 0; border-radius: 12px; background: transparent;
  color: #202522; font: inherit; text-align: left; cursor: pointer;
}
.neander-model-item > img { width: 20px; height: 20px; object-fit: contain; flex: none; }
.neander-model-item > span:first-of-type { flex: 1; min-width: 0; }
.neander-model-menu .neander-model-item:hover,
.neander-model-menu .neander-model-item:focus-visible,
.neander-model-menu .neander-model-item[aria-expanded="true"],
.neander-model-menu .neander-model-item[aria-checked="true"] { background: #f4f5f3; }
.neander-model-item[aria-checked="true"]::after { content: '✓'; margin-left: auto; }
.neander-model-arrow { color: #68706a; font-size: 23px; line-height: 1; }
.neander-model-submenu {
  position: absolute; top: 0; left: calc(100% + 8px); width: 256px;
  max-height: min(420px, var(--picker-height, 420px)); overflow-y: auto;
  padding: 8px; border: 1px solid #e5e7e5; border-radius: 20px;
  background: #fff; box-shadow: 0 16px 44px -20px #13251d40, 0 2px 5px #13251d0a;
}
.neander-model-submenu.is-left { left: auto; right: calc(100% + 8px); }
.neander-model-back { display: none; }
.neander-model-menu :focus-visible { outline: 2px solid #335cff; outline-offset: -2px; }
.model-demo { position: relative; width: 100%; min-width: 0; max-width: 100%; min-height: 360px; aspect-ratio: 1200 / 616; padding: 32px; background: #f0edf9; border-radius: inherit; }
.download-tour.is-enhanced .download-tour__scene[aria-hidden="false"] .model-demo { pointer-events: auto; }
.model-demo__composer { position: absolute; display: flex; align-items: center; gap: 14px; left: 32px; right: 32px; bottom: 32px; min-height: 72px; padding: 14px 18px; background: #fff; border: 1px solid #e6e5ec; border-radius: 20px; box-shadow: 0 7px 18px #1e13350c; }
.model-demo__placeholder { flex: 1; min-width: 0; color: #a3a3a3; font-size: 15px; white-space: nowrap; overflow: hidden; }
.model-demo__picker { position: relative; flex: none; }
.model-demo__trigger { display: flex; align-items: center; gap: 8px; padding: 7px 4px; border-radius: 8px; color: #4c514d; font-size: 15px; }
.model-demo__trigger > img { width: 20px; height: 20px; object-fit: contain; }
.model-demo .neander-model-item > img, .model-demo .model-demo__trigger > img { width: 20px; height: 20px; max-width: 20px; max-height: 20px; border-radius: 0; box-shadow: none; }
.model-demo__trigger > svg { width: 14px; height: 14px; }
.model-demo__plus, .model-demo__send { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 10px; background: #f5f5f5; color: #686d69; }
.model-demo__send { background: #171b18; color: #fff; }
.model-demo__plus svg, .model-demo__send svg { width: 20px; height: 20px; }
@media (min-width: 601px) and (max-width: 1000px) {
  .model-demo { min-height: 380px; }
  .model-demo .neander-model-menu { width: 208px; }
  .model-demo .neander-model-submenu { width: 218px; }
  .model-demo .neander-model-item { font-size: 13px; }
}
@media (max-width: 600px) {
  .neander-model-menu.has-submenu .neander-model-list { display: none; }
  .neander-model-submenu, .neander-model-submenu.is-left {
    position: static; width: auto; max-height: var(--picker-height, 300px);
    padding: 0; border: 0; box-shadow: none; border-radius: 12px;
  }
  .neander-model-back { display: block; width: 100%; padding: 8px 10px 12px; color: #68706a; text-align: left; font: inherit; }
  .model-demo { min-height: 340px; padding: 16px; }
  .model-demo__composer { left: 16px; right: 16px; bottom: 20px; gap: 8px; padding-inline: 12px; }
  .model-demo__placeholder { font-size: 12px; }
  .model-demo__trigger { font-size: 13px; gap: 5px; }
}
