style(sw): widen the viewer panel bottom gutter to 8px

The transparent bottom border outside the scrollport of SWViewerPanel bodies
goes from 2px to 8px (padding-bottom stays 0), so scrolled layer, property and
option rows stop 8px above the frame border. Plain SWPopup keeps its 7px
bottom padding.

packages/sw/src/theme/sw-viewer.css

@@ -552,10 +552,10 @@ button.hm-sw-viewer-header__brand { text-align: left; }
 /* ---------- Panel (SWPopup frame + viewer window behavior) ---------- */
 .hm-sw-viewer-panel-backdrop { inset: 0; background: var(--hm-sw-viewer-panel-overlay); }
 .hm-sw-viewer-panel[data-collapsed] .hm-sw-property__body { display: none; }
-/* Bottom gutter outside the scrollport (2026-10-22, user-set 2px): the SWPopup body's 7px bottom padding is inside the
+/* Bottom gutter outside the scrollport (2026-10-22, user-set 8px): the SWPopup body's 7px bottom padding is inside the
    scroll area, so scrolled rows ran into it up to the frame border. A transparent border instead clips the list
-   2px above the frame border. */
-.hm-sw-viewer-panel .hm-sw-property__body { padding-bottom: 0; border-bottom: 2px solid transparent; }
+   8px above the frame border. */
+.hm-sw-viewer-panel .hm-sw-property__body { padding-bottom: 0; border-bottom: 8px solid transparent; }
 .hm-sw-viewer-panel[data-draggable] .hm-sw-property__titlebar { cursor: grab; touch-action: none; user-select: none; }
 .hm-sw-viewer-panel[data-dragging] .hm-sw-property__titlebar { cursor: grabbing; }
 /* Any width: the Figma title art keeps its 308px curve at the close button (right-aligned; at 314px this is exactly