Fix NPill scaling

Modules/DemoPanel/DemoPanel.qml

@@ -16,16 +16,19 @@ NLoader {
       readonly property real scaling: Scaling.scale(screen)
 
       // Ensure panel shows itself once created
-      Component.onCompleted: show()
+      Component.onCompleted: {
+        console.log("[DemoPanel] Component completed, showing panel...")
+        show()
+      }
 
       Rectangle {
         id: bgRect
         color: Colors.backgroundPrimary
         radius: Style.radiusMedium * scaling
-        border.color: Colors.backgroundTertiary
-        border.width: Math.max(1, Style.borderMedium * scaling)
-        width: 600 * scaling
-        height: 600 * scaling
+        border.color: Colors.accentPrimary
+        border.width: 2
+        width: 500 * scaling
+        height: 700 * scaling
         anchors.centerIn: parent
 
         // Prevent closing when clicking in the panel bg
@@ -33,10 +36,21 @@ NLoader {
           anchors.fill: parent
         }
 
+        // Debug: Add a simple text to see if content is visible
+        NText {
+          text: "DemoPanel is working!"
+          color: Colors.accentPrimary
+          font.pointSize: Style.fontSizeLarge * scaling
+          anchors.top: parent.top
+          anchors.horizontalCenter: parent.horizontalCenter
+          anchors.topMargin: 20 * scaling
+        }
+
         ColumnLayout {
           anchors.fill: parent
-          anchors.margins: Style.marginXL * scaling
-          spacing: Style.marginSmall * scaling
+          anchors.margins: Style.marginMedium * scaling
+          anchors.topMargin: (Style.marginMedium + 40) * scaling
+          spacing: Style.marginMedium * scaling
 
           // NSlider
           ColumnLayout {

Widgets/NPill.qml

@@ -56,7 +56,7 @@ Item {
       id: textItem
       anchors.centerIn: parent
       text: root.text
-      font.pointSize: Colors.fontSizeSmall * scaling
+      font.pointSize: Style.fontSizeSmall * scaling
       font.weight: Style.fontWeightBold
       color: textColor
       visible: showPill
@@ -97,7 +97,7 @@ Item {
     Text {
       anchors.centerIn: parent
       font.family: showPill ? "Material Symbols Rounded" : "Material Symbols Outlined"
-      font.pointSize: Colors.fontSizeSmall * scaling
+      font.pointSize: Style.fontSizeMedium * scaling
       text: root.icon
       color: showPill ? iconTextColor : collapsedIconColor
     }