feat: refine Beam attachments and peek layouts

plane-src/apps/web/styles/globals.css

@@ -386,6 +386,31 @@
     bottom: var(--nodedc-peek-bottom-offset) !important;
   }
 
+  .nodedc-peek-modal-bound {
+    position: fixed !important;
+    top: 5.35rem !important;
+    bottom: var(--nodedc-peek-bottom-offset) !important;
+    left: 50% !important;
+    right: auto !important;
+    width: min(76rem, calc(100vw - 3rem)) !important;
+    max-width: calc(100vw - 3rem) !important;
+    height: auto !important;
+    min-height: 0 !important;
+    transform: translateX(-50%);
+  }
+
+  .nodedc-peek-full-bound {
+    position: fixed !important;
+    top: 5.35rem !important;
+    right: 0.75rem !important;
+    bottom: var(--nodedc-peek-bottom-offset) !important;
+    left: 0.75rem !important;
+    width: auto !important;
+    max-width: none !important;
+    height: auto !important;
+    min-height: 0 !important;
+  }
+
   .nodedc-beam-peek-shell[data-fullscreen="true"] {
     grid-template-columns: minmax(0, 1fr) 0;
     column-gap: 0;
@@ -5806,6 +5831,23 @@
     color: var(--text-color-primary) !important;
   }
 
+  .nodedc-attachments-panel[data-view-mode="list"] {
+    padding-bottom: 0.75rem;
+  }
+
+  .nodedc-attachments-list-scroll {
+    min-height: 13.5rem;
+    max-height: min(34rem, calc(100vh - 20rem));
+    resize: vertical;
+    scrollbar-gutter: stable;
+  }
+
+  .nodedc-attachments-list-scroll::-webkit-resizer {
+    background:
+      linear-gradient(135deg, transparent 0 45%, rgba(var(--nodedc-accent-rgb), 0.65) 46% 54%, transparent 55%),
+      linear-gradient(135deg, transparent 0 62%, rgba(255, 255, 255, 0.22) 63% 70%, transparent 71%);
+  }
+
   .nodedc-processing-loader,
   .nodedc-voice-task-processing-loader {
     --nodedc-processing-loader-rgb: var(--nodedc-accent-rgb);