hilfe eingebaut

public/css/style.css

@@ -256,7 +256,6 @@ body.detail-zen-open { overflow: hidden; }
 #detail.zen #split-right { display: none !important; }
 #detail.zen .card-bar { display: none; }
 #detail.zen #detail-scroll {
-    max-width: 680px;
     margin: 0 auto;
     padding: 3rem 2rem;
     overflow: visible !important;
@@ -279,6 +278,8 @@ body.detail-zen-open { overflow: hidden; }
 #detail.zen #detail-controls:hover { opacity: 1; }
 #detail.zen #split-right-btn { display: none; }
 
+/* Zen resize handles */
+
 /* Detail close morph */
 .detail-close-frame {
     z-index: 130;
@@ -449,9 +450,10 @@ body.detail-image-fs-open { overflow: hidden; }
 .card-link.broken { color: var(--t-danger); border-color: var(--t-danger); opacity: 0.6; }
 
 /* Autocomplete */
-#link-ac .ac-item, #tag-ac .ac-item { padding: 6px 12px; cursor: pointer; transition: background 0.1s; }
-#link-ac .ac-item:hover, #link-ac .ac-item.active, #tag-ac .ac-item:hover, #tag-ac .ac-item.active { background: var(--t-raised); }
-#link-ac .ac-item .ac-title, #tag-ac .ac-item .ac-title { font-size: 12px; color: var(--t-bright); }
+#link-ac .ac-item, #tag-ac .ac-item, #snippet-ac .ac-item { padding: 6px 12px; cursor: pointer; transition: background 0.1s; }
+#link-ac .ac-item:hover, #link-ac .ac-item.active, #tag-ac .ac-item:hover, #tag-ac .ac-item.active, #snippet-ac .ac-item:hover, #snippet-ac .ac-item.active { background: var(--t-raised); }
+#link-ac .ac-item .ac-title, #tag-ac .ac-item .ac-title, #snippet-ac .ac-item .ac-title { font-size: 12px; color: var(--t-bright); }
+#snippet-ac .ac-item { display: flex; align-items: center; gap: 4px; }
 #link-ac .ac-item .ac-bucket { font-size: 9px; color: var(--t-dim); margin-left: 6px; }
 
 /* Prose (markdown) */