.docs { padding: 24px 20px 48px; width: min(1100px, calc(100% - 32px)); margin: 0 auto; }
.docs h1 { margin: 18px 0 12px; letter-spacing: -0.03em; }
.docs h2 { margin: 22px 0 10px; font-size: 14px; }
.split { display: grid; grid-template-columns: 320px 1fr; gap: 20px; align-items: start; }
.row { display: flex; gap: 8px; margin-bottom: 12px; }
select, form input {
  height: 36px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; background: #fff;
}
form { display: flex; flex-direction: column; gap: 8px; }
.out {
  margin: 0; background: #121417; color: #e8ece9; padding: 16px; border-radius: 12px;
  overflow: auto; min-height: 280px; font-size: 12px;
}
@media (max-width: 800px) { .split { grid-template-columns: 1fr; } }