(function(){ if(window._toolbar) return; window._toolbar=true; // ── Sethmux toolbar — Google Workspace dark vibe, sethmux orange accent ── // Tokens (kept local, not :root, so we don't pollute the host page) // bg #202124 toolbar surface // surface #303134 button face // border #3c4043 hairlines // text #e8eaed primary // text-2 #9aa0a6 secondary / icons at rest // accent #D35400 sethmux orange (replaces Google blue) // accent-bg #3a2a1a tinted hover/selected wash // ok #81c995 save success var css=document.createElement('style'); css.textContent = [ "#mb{", "display:none;position:fixed;bottom:0;left:0;right:0;", "background:#202124;", "border-top:1px solid #3c4043;", "padding:6px 8px 7px;", "gap:0;flex-direction:column;align-items:stretch;", "z-index:99999;", "font-family:'Roboto','Helvetica Neue',Arial,sans-serif;", "-webkit-font-smoothing:antialiased;", "box-shadow:0 -1px 0 rgba(0,0,0,.4),0 -8px 24px rgba(0,0,0,.35);", "}", "#mb .row{", "display:flex;gap:4px;justify-content:center;align-items:center;", "width:100%;", "}", "#mb .row + .row{margin-top:4px}", "#mb button{", "background:#303134;", "color:#e8eaed;", "border:1px solid #3c4043;", "border-radius:4px;", "padding:0 10px;height:32px;min-width:40px;", "font:500 12px/1 'Roboto','Helvetica Neue',Arial,sans-serif;", "letter-spacing:.1px;", "cursor:pointer;", "touch-action:manipulation;", "-webkit-tap-highlight-color:transparent;", "user-select:none;", "display:inline-flex;align-items:center;justify-content:center;", "transition:background .15s ease,border-color .15s ease,color .15s ease;", "}", "#mb button:hover{background:#3a2a1a;border-color:#3c4043;color:#fff}", "#mb button:active{background:#D35400;border-color:#D35400;color:#0a0a0a}", // Mono labels for chord/arrow keys so they read as terminal input "#mb button.mono{", "font-family:'Roboto Mono','SF Mono',ui-monospace,Menlo,Consolas,monospace;", "font-weight:400;color:#9aa0a6;", "}", "#mb button.mono:hover{color:#e8eaed}", // Accent (orange) — used for primary/important actions at rest "#mb button.hi{", "color:#f0a36b;border-color:#5a3a22;background:#2a1f15;", "}", "#mb button.hi:hover{background:#3a2a1a;color:#ffb37a;border-color:#7a4a2a}", // Toggled-on state (Sel active, etc.) — filled accent "#mb button.on{", "background:#D35400;border-color:#D35400;color:#0a0a0a;", "}", "#mb button.on:hover{background:#e26416;border-color:#e26416;color:#0a0a0a}", // Success (Save) — Google green at rest, fills on confirm "#mb button.grn{color:#81c995;border-color:#3c4043;background:#303134}", "#mb button.grn:hover{background:#1f2a22;color:#a8e0b8;border-color:#3a5a44}", "#mb button.grn.on{background:#1e8e3e;border-color:#1e8e3e;color:#0a0a0a}", // Vertical hairline divider between groups "#mb .sep{", "width:1px;height:20px;background:#3c4043;margin:0 4px;flex-shrink:0;", "}", // ── Compose bar (mobile autocorrect workaround) ── "#mb .compose{", "display:none;width:100%;gap:4px;align-items:center;margin-top:4px;", "}", "#mb.composing .compose{display:flex}", "#mb.composing #typebtn{", "background:#D35400;border-color:#D35400;color:#0a0a0a;", "}", "#mb-compose{", "flex:1;min-width:0;height:36px;", "padding:0 10px;", "background:#303134;color:#e8eaed;", "border:1px solid #3c4043;border-radius:4px;", "font:400 14px/1 'Roboto Mono','SF Mono',ui-monospace,Menlo,Consolas,monospace;", "outline:none;", "-webkit-appearance:none;appearance:none;", "caret-color:#D35400;", "}", "#mb-compose:focus{border-color:#D35400}", "#mb-compose::placeholder{color:#5f6368}", "#mb .send{", "height:36px;min-width:54px;padding:0 12px;", "background:#D35400;border:1px solid #D35400;color:#0a0a0a;", "border-radius:4px;font:500 12px/1 'Roboto',sans-serif;cursor:pointer;", "}", "#mb .send:disabled{background:#303134;border-color:#3c4043;color:#5f6368;cursor:default}", "#mb .send.nl{background:#303134;border-color:#3c4043;color:#9aa0a6;min-width:38px;padding:0 8px}", "#mb .send.nl:hover{color:#e8eaed;background:#3a2a1a}", // Selection mode visual — dim the terminal slightly so the text-select layer reads "body.selmode .xterm-screen{", "pointer-events:none!important;", "user-select:text!important;-webkit-user-select:text!important;", "}", "body.selmode .xterm{filter:brightness(.92)}", "@media(max-width:900px){#mb{display:flex}}", // Tighter on very narrow phones "@media(max-width:380px){", "#mb button{padding:0 7px;min-width:34px;height:30px;font-size:11.5px}", "#mb .sep{margin:0 2px}", "}", ].join(""); document.head.appendChild(css); var bar=document.createElement('div'); bar.id='mb'; bar.innerHTML = '