@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap";:root{--go-blue: #00ADD8;--go-dark: #1a1a1a;--editor-bg: #1e1e1e}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0f172a;color:#e2e8f0;overflow:hidden;height:100vh;display:flex;flex-direction:column}.nav-item:hover{color:var(--go-blue);border-bottom:2px solid var(--go-blue)}.main-container{display:grid;grid-template-columns:280px 1fr 400px;grid-template-rows:1fr 200px;height:calc(100vh - 64px);gap:1px;background:#334155}.sidebar{background:#0f172a;overflow-y:auto;padding:1rem}.tree-node{padding:.5rem;cursor:pointer;border-radius:4px;transition:all .2s;font-size:.9rem}.tree-node:hover{background:#1e293b}.tree-node.active{background:#0369a1;color:#fff}.canvas-area{background:#020617;position:relative;display:flex;flex-direction:column}canvas{width:100%;height:100%}.editor-container{background:var(--editor-bg);display:flex;flex-direction:column}.code-input{flex:1;background:transparent;color:#d4d4d4;font-family:Fira Code,monospace;padding:1rem;border:none;resize:none;outline:none;font-size:14px;line-height:1.5}.console-area{grid-column:2 / 4;background:#000;color:#4ade80;font-family:Fira Code,monospace;padding:1rem;overflow-y:auto;border-top:2px solid #334155}.badge{padding:2px 6px;border-radius:4px;font-size:.7rem;margin-right:5px}.btn-run{background:var(--go-blue);transition:transform .1s}.btn-run:active{transform:scale(.95)}