style panel settings

public/assets/css/src/_colors.scss

@@ -91,7 +91,7 @@
 }
 
 
-[data-color-type="elem"]{
+[data-color-type="text"]{
   --color-050: #f4f0ff;
   --color-100: #e7e1ff;
   --color-200: #dacfff;

public/assets/css/src/_panel-settings.scss

@@ -0,0 +1,71 @@
+.panel-settings__container{
+    // margin-top: var(--space-m);
+    margin-bottom: var(--space-s);
+
+      border: 1px solid var(--color-300);
+           border-radius: var(--border-radius);
+           padding: var(--space-s);
+
+    .settings__header{
+        display: flex;
+        align-items: center;
+        gap: var(--space-xs);
+           margin-bottom: var(--space-s);
+        //      border: 1px solid var(--color-300);
+        //    border-radius: var(--border-radius);
+        //    padding: 2px 1ch;
+
+
+        .icon{
+            position: relative;
+            top: 2px;
+            svg{
+                width: 20px;
+                height: 20px;
+                fill: var(--color-600);
+            }
+        }
+        .title{
+ font-size: 1.2rem;
+ color: var(--color-600);
+        }
+       
+    }
+
+
+    .setting__section{
+        .setting__header{
+            color: var(--color-600);
+        }
+    }
+
+    .setting__section[data-setting="format"]{
+        border-bottom: none;
+        padding-bottom: var(--space-xs);
+
+    }
+
+    .setting__section[data-setting="dimensions"]{
+        border-top: none;
+        padding-top: 0;
+        .setting__header{
+            display: none;
+        }
+        .setting__body{
+            grid-column: 2;
+            width: 0;
+            display: flex;
+             gap: var(--space-s);
+             .field-size-page{
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: var(--space-xs);
+
+             }
+        }
+
+        .field-size-page:first-of-type .unit-toggle{ display: none; }
+
+    }
+}

public/assets/css/src/_variables.scss

@@ -31,6 +31,6 @@
   --label-w: 18ch;
   font-size: 14px;
 
-  --panel-w: 540px;
+  --panel-w: 560px;
   --panel-nav-h: 60px;
 }