diff --git a/css/public_selection.css b/css/public_selection.css
new file mode 100644
index 0000000..0a0e1f8
--- /dev/null
+++ b/css/public_selection.css
@@ -0,0 +1,55 @@
+#bratonien-selection-toggle .bratonien-selection-toolbar-label {
+  margin-left: .35rem;
+}
+
+#bratonien-selection-toggle.active {
+  font-weight: 700;
+}
+
+.bratonien-selection-bar {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  display: flex;
+  gap: .75rem;
+  align-items: center;
+  padding: .75rem 1rem;
+  margin: 0 0 1rem;
+  background: rgba(0, 0, 0, .85);
+  border-radius: .25rem;
+}
+
+.bratonien-selection-active #thumbnails .gdthumb {
+  cursor: pointer;
+}
+
+.bratonien-selection-active #thumbnails .gdthumb::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  border: 3px solid transparent;
+  box-sizing: border-box;
+}
+
+.bratonien-selection-active #thumbnails .gdthumb.bratonien-selected::after {
+  border-color: currentColor;
+  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .15);
+}
+
+.bratonien-selection-active #thumbnails .gdthumb.bratonien-selected::before {
+  content: '\2713';
+  position: absolute;
+  top: .5rem;
+  right: .5rem;
+  z-index: 20;
+  width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  text-align: center;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, .8);
+  color: #fff;
+  font-weight: 700;
+  pointer-events: none;
+}