oh my, searching actually works

public/css/searchbox.css

@@ -2,6 +2,9 @@
   --accent1: #950000;
   --accent2: #2c3489;
 
+  --darker: 30%;
+  --lighter: 40%;
+
   --bg: #f6f7fb;
   --panel: #ffffff;
   --panel2: #f2f4fb;
@@ -20,9 +23,9 @@
 
   --filterW: 170px;
   --filterWOpen: 360px;
-
-  --toggle-bg-color: #4281A4;
-  --toggle-nub-color: #FF686B;
+  --toggle-bg-off: #ca0000;
+  --toggle-bg-on: #10bb2d; 
+  --toggle-nub-color: #f6f7fb;
 
   --topbarH: 64px;
 
@@ -272,6 +275,8 @@
   flex-wrap: wrap;
   gap: 6px;
   row-gap: 6px;
+  padding-right: 3px;
+  max-width: 170px;
 }
 
 .pexpo-core-tag {
@@ -281,7 +286,11 @@
   border: 1px solid #333333ce;
   color: var(--text);
   background: #99999930;
-  white-space:nowrap;
+  white-space: wrap;
+  word-wrap: break-word;
+  hyphens: auto;
+  overflow: hidden;
+  max-width: 100%;
 }
 
 .pexpo-core-desc {
@@ -363,7 +372,7 @@
 .pexpo-core-filterPanelHeader {
   display:flex;
   align-items:center;
-  justify-content:space-between;
+  justify-content:center;
   padding: 10px 10px;
   border-bottom: 1px solid var(--stroke);
   color: rgba(16,24,40,.60);
@@ -377,7 +386,7 @@
   padding: 10px;
   flex-direction: column;
   overflow:auto;
-  min-height: 0;
+  height: 100%;
   gap: 10px;
 }
 
@@ -424,7 +433,7 @@
   left: 2px;
   transition: all 0.2s ease-in;
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-}
+} 
 
 .pexpo-core-toggle input:checked + label::before {
   background: var(--toggle-bg-on);
@@ -435,6 +444,17 @@
   left: 27px;
 }
 
+#pexpo-core-filterApply {
+  margin-top: 10px;
+  padding: 8px 12px;
+  border-radius: 10px;
+  border: none;
+  background: var(--accent1);
+  color: #fff;
+  font-weight: 600;
+  cursor: pointer;
+}
+
 /* .pexpo-core-textarea {
   width: 100%;
   height: 210px;
@@ -456,6 +476,12 @@
   box-shadow: 0 0 0 3px rgba(44,52,137,.14);
 } */
 
+#pexpo-core-emptyResult {
+  padding:20px;
+  color:var(--text);
+  display:none;
+}
+
 .pexpo-core-hint {
   margin-top: 8px;
   color: rgba(16,24,40,.60);