/* Final small-screen and contrast adjustments. */
.record-detail pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:11px/1.55 var(--mono);
  max-height:360px;
  overflow:auto
}
.record-detail details {
  margin-top:17px
}
.record-detail summary {
  cursor:pointer;
  font-weight:600
}
.form-error,.preview-note.error {
  color:var(--negative)!important
}
@media(max-width:900px) and (min-width:761px) {
  .app-layout {
    display:flex;
    flex-direction:column;
    height:auto
  }
  .builder-workspace {
    min-height:680px
  }
  .preview-panel {
    min-height:500px
  }
  .preview-body {
    min-height:340px
  }
  .preview-footer {
    min-height:160px
  }
}
@media(max-width:520px) {
  .tabs-header {
    height:auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:0 16px
  }
  .tab-btn,.advanced-toggle {
    min-height:44px;
    white-space:normal;
    text-align:center;
    font-size:12px;
    line-height:1.2;
    padding:6px 2px
  }
  .tab-btn.active,.advanced-toggle.active {
    border-bottom-color:var(--tab-active)
  }
}
.select-input {
  display: none !important;
}