html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #e5e7eb; }
::-webkit-scrollbar-thumb { background: #fb923c; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #f97316; }

.CodeMirror {
  height: auto;
  font-size: 13px;
  line-height: 1.5;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.output-area {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  white-space: pre;
  word-break: normal;
  overflow-x: auto;
}
.markdown-body h1 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; }
.markdown-body h2 { font-size: 1.25rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0.25rem; }
.markdown-body p { margin-top: 0; margin-bottom: 0.75rem; line-height: 1.6; }
.markdown-body > * + * { margin-top: 0.4rem; }
.markdown-body blockquote {
  margin-top: 0.6rem; margin-bottom: 0.6rem; padding-left: 0.75rem;
  border-left: 3px solid #e5e7eb; color: #4b5563;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
  margin-top: 1.6rem; margin-bottom: 0.9rem; font-weight: 700;
}
.markdown-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: rgba(15,23,42,0.04); padding: 1px 4px; border-radius: 4px;
}