<div class="toolbar">
<div class="search-container" id="search-container"><button class="search-toggle" id="search-toggle" aria-label="Search quotes"><svg width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6.5" cy="6.5" r="5.5"/><line x1="10.5" y1="10.5" x2="15" y2="15"/></svg></button><div class="search-field"><input class="search-input" id="search-input" type="text" placeholder="Filter quotes…" autocomplete="off"><button class="search-clear" id="search-clear" aria-label="Clear search"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="2" y1="2" x2="10" y2="10"/><line x1="10" y1="2" x2="2" y2="10"/></svg></button></div></div>


<div class="tag-filter"><button class="toolbar-btn tag-filter-btn" id="tag-filter-btn" aria-haspopup="true" aria-expanded="false"><svg class="toolbar-icon-svg" width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="1" y1="3" x2="15" y2="3"/><line x1="3" y1="8" x2="13" y2="8"/><line x1="5.5" y1="13" x2="10.5" y2="13"/></svg> <span class="tag-filter-label">Tags</span><svg class="toolbar-arrow" width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 3.75 5 6.25 7.5 3.75"/></svg></button><div class="tag-filter-menu" id="tag-filter-menu"></div></div>
<div class="view-switcher">
<button class="toolbar-btn view-switcher-btn" id="view-switcher-btn" aria-haspopup="true" aria-expanded="false"><span class="view-switcher-label">All quotes </span><svg class="toolbar-arrow" width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 3.75 5 6.25 7.5 3.75"/></svg></button>
<ul class="view-switcher-menu" id="view-switcher-menu" role="menu">
<li role="menuitem" data-view="all" class="active"><span class="menu-icon">&nbsp;</span> All quotes</li>
<li role="menuitem" data-view="starred"><span class="menu-icon">&#9733;</span> Starred quotes</li>
</ul>
</div>
<button class="toolbar-btn" id="export-csv"><svg class="toolbar-icon-svg" width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="1" width="9" height="11" rx="1.5"/><path d="M3 5H2.5A1.5 1.5 0 0 0 1 6.5v8A1.5 1.5 0 0 0 2.5 16h8a1.5 1.5 0 0 0 1.5-1.5V14"/></svg> Copy CSV</button>
<button class="toolbar-btn" id="export-names" style="display:none"><span class="toolbar-icon">&#9998;</span> Export names</button>
</div>