:root {
  color-scheme: light;
  --bg: #f0f0f0;
  --panel: #ffffff;
  --ink: #1e1a16;
  --muted: #6a6258;
  --accent: #000000;
  --accent-hover: #2a2a2a;
  --line: rgba(30, 26, 22, 0.12);
  --shadow: none;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
}

.output {
  margin: 0;
  min-height: 160px;
  max-height: 260px;
  overflow: auto;
  border-radius: 6px;
  padding: 14px;
  background: var(--ink);
  color: #f6efe7;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.85rem;
}
