@media (max-width: 1200px) and (min-width: 760px) and (min-aspect-ratio: 4/3) {
  .chat-messages {
    padding: 8px;
  }

  .chat-bubble {
    max-width: 94%;
    padding: 7px 9px;
    font-size: 12px;
  }

  .chat-compose {
    padding: 7px 8px;
  }

  .chat-input {
    min-height: 48px;
    padding: 8px;
    margin-bottom: 6px;
    border-radius: 8px;
    font-size: 12px;
  }

  .chat-compose-actions {
    gap: 5px;
  }

  .preview-stat,
  .wb-entry h4,
  .empty-hint {
    font-size: 12px;
  }

  .wb-entry {
    margin-bottom: 8px;
  }

  .wb-entry header,
  .wb-body {
    padding: 7px 8px;
  }

  .json-pane {
    min-height: 0;
  }
}