/* css/style.css */
:root {
  --bg-color: #fff;
  --text-color: #000;
  --link-color: #00f;
  --btn-run-bg: #0a0;
  --btn-cancel-bg: #a00;
}
body {
  background: var(--bg-color);
  color: var(--text-color);
  font-family: Arial, sans-serif;
  margin: 0; padding: 1rem;
}
a {
  color: var(--link-color);
  text-decoration: none;
}
header { margin-bottom: 1rem; }
nav a { margin-right: 1rem; }
button {
  border: none;
  padding: 0.5em 1em;
  color: #fff;
  cursor: pointer;
  margin-right: 0.5em;
}
button.run { background: var(--btn-run-bg); }
button.cancel { background: var(--btn-cancel-bg); }
textarea {
  width: 100%; height: 200px;
  margin-bottom: 1rem;
  font-family: monospace;
}
pre, .output {
  background: #f4f4f4;
  padding: 1em;
  overflow: auto;
}
section { margin-bottom: 2rem; }