Editor Pro

<!-- Search Widget --> <div id="search-widget" class="absolute top-2 right-4 bg-white border border-slate-300 rounded-lg shadow-2xl p-2 flex items-center gap-2 z-10 hidden"> <input type="text" id="search-input" placeholder="Cari..." class="search-widget-input w-40" /> <span id="match-count" class="text-sm text-slate-500">0/0</span> <button id="prev-btn" class="search-widget-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></path></svg> </button> <button id="next-btn" class="search-widget-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></path></svg> </button> <div class="w-px h-5 bg-slate-300"></div> <button id="close-search-widget" class="search-widget-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" x2="6" y1="6" y2="18"/><line x1="6" x2="18" y1="6" y2="18"/></line></line></svg> </button> </div>