2 files changed, 6 insertions, 16 deletions
diff --git a/internal/web/static/blog.css b/internal/web/static/blog.css
index aa8357e..8cd969e 100644
--- a/internal/web/static/blog.css
+++ b/internal/web/static/blog.css
@@ -56,10 +56,6 @@ img { max-width: 100%; height: auto; }
 .post.has-thumb { overflow: hidden; }
 .post-image { margin: 0 0 1em; }
 .post-image img { display: block; max-width: 100%; margin: 0 auto; }
-/* gallery page: a masonry wall from CSS columns alone; without them the pictures simply stack */
-.gallery { -webkit-column-width: 220px; -moz-column-width: 220px; column-width: 220px; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; }
-.gallery a { display: block; margin: 0 0 1em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
-.gallery img { display: block; width: 100%; }
 .read-more { margin: 0.3em 0 0; font-weight: bold; }
 .read-more a { text-decoration: none; }
 .read-more a:hover { text-decoration: underline; }
@@ -162,7 +158,6 @@ img { max-width: 100%; height: auto; }
 @media (max-width: 700px) {
   .content { padding: 1em; }
   .post-thumb { width: 40%; margin-left: 1em; }
-  .gallery { -webkit-column-width: 140px; -moz-column-width: 140px; column-width: 140px; }
   .site-title { font-size: 1.5em; }
   .ruled > .header-rule { display: none; } .ruled > .brand { white-space: normal; }
   .cols { display: block; }
diff --git a/internal/web/static/dashboard.css b/internal/web/static/dashboard.css
index 70df6fa..4aa0213 100644
--- a/internal/web/static/dashboard.css
+++ b/internal/web/static/dashboard.css
@@ -278,16 +278,11 @@ textarea.mono { font-size: 0.9em; }
 .picker-box { max-width: 860px; margin: 0 auto; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 8px 30px rgba(16, 24, 40, 0.25); padding: 1em 1.2em; }
 .picker-head { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6em; margin-bottom: 0.8em; }
 .picker-head input { flex: 1 1 12em; width: auto; margin: 0; padding: 0.4em 0.6em; }
-/* .imagegrid is the wall of thumbnails: the picker's choices and the gallery page's Hide grid */
-.imagegrid, .picker .picks { display: flex; flex-wrap: wrap; gap: 0.7em; }
-.imagegrid .pick, .picker .pick { display: block; width: 120px; margin: 0; padding: 0.4em; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); text-align: center; font-size: 0.75em; font-weight: normal; cursor: pointer; }
-.imagegrid .pick:hover, .picker .pick:hover { border-color: var(--accent); background: var(--surface-2); color: var(--text); }
-.imagegrid .pick img, .picker .pick img { display: block; width: 100%; height: 64px; margin: 0 auto 0.3em; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); object-fit: contain; }
-.imagegrid .pick .name, .picker .pick .name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.hidegrid { margin: 0 0 1em; }
-.hidegrid .hide { display: block; margin-top: 0.3em; }
-.hidegrid .hide input { width: auto; margin: 0 0.2em 0 0; vertical-align: middle; }
-.hidegrid .pick:has(:checked) img { opacity: 0.35; } /* a ticked card dims; the tick itself is the signal elsewhere */
+.picker .picks { display: flex; flex-wrap: wrap; gap: 0.7em; }
+.picker .pick { width: 120px; margin: 0; padding: 0.4em; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); text-align: center; font-size: 0.75em; font-weight: normal; cursor: pointer; }
+.picker .pick:hover { border-color: var(--accent); background: var(--surface-2); color: var(--text); }
+.picker .pick img { display: block; width: 100%; height: 64px; margin: 0 auto 0.3em; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); object-fit: contain; }
+.picker .pick .name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .picker .pager { margin: 0.8em 0 0; }
 .picker .pager button[disabled] { opacity: 0.4; cursor: default; }
 .savebar { position: sticky; bottom: 0; z-index: 5; margin: 0; padding: 0.8em 0; background: var(--bg); border-top: 1px solid var(--border-strong); display: flex; flex-wrap: wrap; gap: 0.8em; align-items: center; }
@@ -308,7 +303,7 @@ details.reset { margin-top: 1.6em; }
   .cols { grid-template-columns: 1fr; gap: 1.2em; }
   .row { gap: 0; }
   .row label { flex-basis: 100%; }
-  .imagegrid .pick, .picker .pick { width: 46%; }
+  .picker .pick { width: 46%; }
   .presets .preset { width: 46%; }
   .sidenav { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; margin: 0 -1em 1em; padding: 0 1em; }
   .pickrow { flex-wrap: wrap; }