body { margin: 0; font-family: system-ui, sans-serif; background: #fbfaf7; color: #1f2420; display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }
.app { padding: 20px; display: flex; flex-direction: column; gap: 14px; font-size: 1.1rem; }
.app button { font: inherit; padding: 8px 14px; border-radius: 6px; border: 1px solid #c9c4b6; background: #fff; cursor: pointer; }
.app button:hover { border-color: #2f6f4e; }
#stack { min-height: 2em; }
#counter { color: #5a6360; font-size: 0.95rem; }
.outils { background: #111412; color: #cfd8d2; font-family: ui-monospace, monospace; font-size: 12px; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.outils label, .outils button { font: inherit; color: inherit; }
.outils button { background: #1b1f1d; border: 1px solid #3a4a42; border-radius: 4px; padding: 4px 8px; cursor: pointer; align-self: flex-start; }
#console { flex: 1; margin: 0; overflow: auto; white-space: pre-wrap; max-height: 320px; }
#console .err { color: #ff8fa3; } #console .warn { color: #f2e36b; } #console .info { color: #8fe3a5; }
@media (max-width: 640px) { body { grid-template-columns: 1fr; } }