:root{--bg: #0f172a;--text: #ffffff;--editor-bg: #020617;--editor-text: #e5e7eb;--console-bg: #000000;--border: #334155;--btn: #2563eb;--btn-hover: #1d4ed8;--log: #22c55e;--warn: #facc15;--error: #ef4444}[data-theme=light]{--bg: #f8fafc;--text: #020617;--editor-bg: #ffffff;--editor-text: #020617;--console-bg: #f1f5f9;--border: #cbd5f5;--btn: #0284c7;--btn-hover: #0369a1}[data-theme=hacker]{--bg: #000000;--text: #22c55e;--editor-bg: #000000;--editor-text: #22c55e;--console-bg: #000000;--border: #14532d;--btn: #16a34a;--btn-hover: #15803d;--log: #22c55e;--warn: #a3e635;--error: #dc2626}*{box-sizing:border-box;font-family:monospace}body{margin:0;background:var(--bg);color:var(--text);transition:background .3s,color .3s}.container{padding:20px}.editor-console{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:60vh}.editor{background:var(--editor-bg);color:var(--editor-text);border:1px solid var(--border);padding:12px;resize:none;outline:none;font-size:14px}.console{background:var(--console-bg);border:1px solid var(--border);padding:12px;overflow-y:auto}.log{margin-bottom:6px}.log.log{color:var(--log)}.log.warn{color:var(--warn)}.log.error{color:var(--error)}.actions{margin-top:12px}button,select{background:var(--btn);color:#fff;border:none;padding:8px 14px;margin-right:8px;cursor:pointer;border-radius:4px}button:hover{background:var(--btn-hover)}select{cursor:pointer}