/* Browser presentation only. The native Build screen owns every choice,
   translation, recording, edit, number, and playback interaction. */
.builder-workspace #root div:has(> [data-testid="sentence-builder-scroll"]) > :first-child {
  display: none !important;
}
.builder-workspace [data-testid="sentence-builder-scroll"] {
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
}
.builder-workspace [data-testid="sentence-builder-scroll"] > div {
  padding: 20px !important;
}
.builder-workspace [data-testid="sentence-builder-output"] {
  gap: 8px !important;
  min-height: 76px !important;
}
.builder-workspace [data-testid="sentence-builder-word-bank"] {
  gap: 12px !important;
}
.builder-workspace [data-testid="sentence-builder-word-bank"] > [role="button"] {
  flex-grow: 0 !important;
}
@media (min-width: 681px) {
  /* Two independent columns without moving React-owned elements. Floats let
     Parts sit directly beneath the result while the bank grows on the right. */
  .builder-workspace [data-testid="sentence-builder-scroll"] > div {
    display: flow-root !important;
    padding: 28px !important;
  }
  .builder-workspace [data-testid="sentence-builder-scroll"] > div > :first-child {
    float: left;
    width: calc(46% - 14px);
    padding: 24px !important;
    margin: 0;
  }
  .builder-workspace [data-testid="sentence-builder-scroll"] > div > [data-testid="sentence-builder-parts"] {
    float: left;
    clear: left;
    width: calc(46% - 14px);
    margin-top: 20px;
  }
  .builder-workspace [data-testid="sentence-builder-scroll"] > div > :not(:first-child):not([data-testid="sentence-builder-parts"]) {
    width: calc(54% - 14px);
    margin-left: calc(46% + 14px);
    margin-bottom: 16px;
  }
  .builder-workspace [data-testid="sentence-builder-search"] {
    min-height: 52px !important;
  }
  .builder-workspace [data-testid="sentence-builder-word-bank"] {
    align-content: flex-start !important;
    max-height: calc(100dvh - 148px);
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #b7c6b7 transparent;
    scrollbar-gutter: stable;
    padding: 2px 8px 8px 2px;
  }
  .builder-workspace [data-testid="sentence-builder-scroll"] > div:not(:has(> [data-testid="sentence-builder-word-bank"])) > :first-child,
  .builder-workspace [data-testid="sentence-builder-scroll"] > div:not(:has(> [data-testid="sentence-builder-word-bank"])) > [data-testid="sentence-builder-parts"] {
    float: none;
    width: min(100%, 720px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 680px) {
  .builder-workspace [data-testid="sentence-builder-scroll"] {
    overscroll-behavior-y: auto;
  }
}
@media (max-width: 430px) {
  .builder-workspace [data-testid="sentence-builder-scroll"] > div {
    padding: 16px !important;
  }
}