Lite Editor
<button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="Tab">⇥</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key=":">:</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="(">(</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key=")">)</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="[">[</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="]">]</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="=">=</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key=""">"</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="'">'</button><button class="k-btn px-3 py-1 bg-slate-700 text-slate-300 rounded text-xs font-mono min-w-[30px] hover:bg-slate-600" data-key="#">#</button>