Update .. workshop search

modules/steam_workshop/steam_workshop.css

@@ -108,12 +108,22 @@
 	background: #fff;
 }
 
+.btn.btn-xs {
+	padding: 0.2rem 0.45rem;
+	font-size: 0.85rem;
+}
+
 .btn.primary {
 	background: #0b5ed7;
 	border-color: #0a58ca;
 	color: #fff;
 }
 
+.btn.secondary {
+	background: #f7f7f7;
+	border-color: #c7c7c7;
+}
+
 .sw-toggle {
 	display: flex;
 	align-items: center;
@@ -227,3 +237,171 @@
 .sw-admin__mapping-actions {
 	margin-top: 1rem;
 }
+
+.sw-picker {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+	border: 1px solid #dcdcdc;
+	border-radius: 8px;
+	padding: 1rem;
+	background: #fff;
+}
+
+.sw-picker__header {
+	display: flex;
+	flex-direction: column;
+	gap: 0.25rem;
+}
+
+.sw-picker__header h4 {
+	margin: 0;
+	font-size: 1.1rem;
+}
+
+.sw-picker__hint {
+	margin: 0.25rem 0 0;
+	color: #555;
+	font-size: 0.9rem;
+}
+
+.sw-picker__search {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+	align-items: flex-end;
+}
+
+.sw-picker__search label {
+	flex: 1;
+}
+
+.sw-picker__search-input {
+	width: 100%;
+	padding: 0.4rem;
+	border-radius: 4px;
+	border: 1px solid #c7c7c7;
+}
+
+.sw-picker__status {
+	min-height: 1.25rem;
+	font-size: 0.9rem;
+}
+
+.sw-picker__status--loading {
+	color: #0b5ed7;
+}
+
+.sw-picker__status--error {
+	color: #c0392b;
+}
+
+.sw-picker__status--info {
+	color: #555;
+}
+
+.sw-picker__status--clear {
+	color: inherit;
+}
+
+.sw-picker__selected,
+.sw-picker__results {
+	border: 1px solid #e3e3e3;
+	border-radius: 6px;
+	padding: 0.75rem;
+}
+
+.sw-picker__selected-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: baseline;
+	gap: 0.5rem;
+}
+
+.sw-picker__selected-header small {
+	color: #666;
+}
+
+.sw-picker__chip-list {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+	margin-top: 0.5rem;
+}
+
+.sw-picker__chip {
+	display: flex;
+	justify-content: space-between;
+	gap: 0.75rem;
+	border: 1px solid #d0dae9;
+	border-radius: 6px;
+	padding: 0.5rem 0.75rem;
+	background: #f8fafd;
+}
+
+.sw-picker__chip-text {
+	display: flex;
+	flex-direction: column;
+	gap: 0.1rem;
+}
+
+.sw-picker__chip-text span {
+	color: #555;
+	font-size: 0.85rem;
+}
+
+.sw-picker__chip-controls {
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+}
+
+.sw-picker__chip-remove {
+	border: 1px solid #c0392b;
+	background: #fff5f4;
+	color: #c0392b;
+	border-radius: 4px;
+	padding: 0.25rem 0.6rem;
+	cursor: pointer;
+}
+
+.sw-picker__toggle {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.35rem;
+	font-size: 0.85rem;
+}
+
+.sw-picker__results-table {
+	width: 100%;
+	border-collapse: collapse;
+}
+
+.sw-picker__results-table th,
+.sw-picker__results-table td {
+	border: 1px solid #e3e3e3;
+	padding: 0.4rem;
+	vertical-align: top;
+}
+
+.sw-picker__result-meta {
+	color: #666;
+	font-size: 0.85rem;
+}
+
+.sw-picker__results-table-wrapper {
+	overflow-x: auto;
+}
+
+.sw-picker__action {
+	padding: 0.25rem 0.5rem;
+	border-radius: 4px;
+	background: #0b5ed7;
+	border: 1px solid #0a58ca;
+	color: #fff;
+}
+
+.sw-picker__empty {
+	color: #777;
+	font-size: 0.9rem;
+}