feat: keyboard functionaliteit shift + / Shift - toegevoegd

webui/html/style.css

@@ -298,6 +298,52 @@ button:disabled {
   padding: 4px 10px 2px 10px;
 }
 
+.popup-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(20, 32, 50, 0.25);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.popup-overlay.hidden {
+  display: none;
+}
+
+.popup-card {
+  width: min(420px, calc(100vw - 24px));
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 10px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.16);
+}
+
+.popup-meta {
+  color: var(--muted);
+  font-size: 12px;
+  margin: 4px 0 8px 0;
+}
+
+.popup-label {
+  font-size: 12px;
+  color: var(--muted);
+}
+
+#wildcard-pattern-input {
+  width: 100%;
+  margin-top: 4px;
+  margin-bottom: 6px;
+}
+
+.popup-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
 @media (max-width: 1200px) {
   .workspace {
     grid-template-columns: 1fr;