333">
        <span style="color:#ccc;font-size:12px;font-weight:600">&#128187; CLI</span>
        <div style="display:flex;gap:8px;align-items:center">
            <button onclick="clearTerm()" style="background:none;border:none;color:#888;cursor:pointer;font-size:11px" title="Clear">Clear</button>
            <button onclick="toggleTerminal()" style="background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;line-height:1">&times;</button>
        </div>
    </div>
    <div id="termOutput" style="flex:1;overflow-y:auto;padding:8px 12px;font-family:'Cascadia Code',Consolas,monospace;font-size:12px;color:#d4d4d4"></div>
    <div style="display:flex;align-items:center;padding:6px 12px;border-top:1px solid #333;background:#2d2d2d">
        <span style="color:#4ec9b0;font-family:monospace;font-size:13px;margin-right:8px;font-weight:bold">$</span>
        <input id="termInput" style="flex:1;background:transparent;border:none;color:#d4d4d4;font-family:'Cascadia Code',Consolas,monospace;font-size:12px;outline:none" onkeydown="termKeydown(event)" placeholder="Enter command..." autocomplete="off" spellcheck="false">
        <button onclick="runCmd()" style="background:#0969da;col