body { 
  font-family: system-ui, sans-serif; 
  margin: 24px; 
  max-width: 1200px; 
}

h1, h2 { 
  margin-bottom: 8px; 
}

.section { 
  margin-bottom: 20px; 
  padding: 12px; 
  border: 1px solid #ddd; 
  border-radius: 8px; 
}

.row { 
  display: flex; 
  gap: 12px; 
  flex-wrap: wrap; 
  align-items: center; 
  margin-bottom: 10px; 
}

input, select, button { 
  padding: 8px 10px; 
  font-size: 14px; 
}

input { 
  min-width: 220px; 
}

button { 
  cursor: pointer; 
}

pre {
  background: #f6f6f6;
  padding: 12px;
  border-radius: 8px;
  overflow: auto;
  white-space: pre-wrap;
}