:root{--bg: #111;--fg: #fff;--panel: #1a1a1a;--accent: #4da3ff;--font: Inter, sans-serif;--pad: 16px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden}.portal-shell{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background:var(--bg)}.nav-rail{width:80px;background:var(--panel);padding:var(--pad) 0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.nav-rail button{background:transparent;border:none;color:var(--fg);padding:12px;cursor:pointer;text-align:left;border-radius:6px;transition:background .2s ease,color .2s ease}.nav-rail button.active{background:var(--accent);color:#000}.viewport{flex:1;overflow:auto;background:#000;position:relative;padding:calc(var(--pad) * 2)}.module-root{padding:calc(var(--pad) * 2)}.console-history{background:var(--panel);padding:var(--pad);border-radius:6px;max-height:300px;overflow-y:auto}.console-entry{margin-bottom:var(--pad)}.console-input{font-weight:700}.console-output{white-space:pre-wrap;background:#0003;padding:var(--pad);border-radius:4px}.theme-section{margin-bottom:calc(var(--pad) * 2)}.theme-section h3{margin-bottom:var(--pad)}