body { margin: 0; display: flex; height: 100vh; background: #181825; color: #cdd6f4; font-family: 'Segoe UI', sans-serif; }
.sidebar { width: 220px; background: #11111b; padding: 20px; display: flex; flex-direction: column; gap: 15px; }
.main-content { flex: 1; display: flex; flex-direction: column; }
#editor-container { flex: 1; }
#console-output { height: 250px; background: #000; padding: 15px; color: #a6e3a1; overflow: auto; font-family: monospace; border-top: 2px solid #313244; }
button { background: #89b4fa; border: none; padding: 12px; border-radius: 4px; font-weight: bold; cursor: pointer; color: #11111b; }
select { padding: 10px; background: #1e1e2e; color: white; border: 1px solid #45475a; }