ageent preview & select in KF editor

app/assets/styles/app.css

@@ -137,7 +137,7 @@ menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button
 [eicapp] .app-workspace .window > header .controls button.shrink { display: none; }
 [eicapp] .app-workspace .window > section {
     cursor: default;
-    overflow: auto;
+    overflow: hidden;
     transition: all 0.5s;
     flex: 1 1 auto;    
     width: 100%;
@@ -271,6 +271,25 @@ article[eiccard][media] > header {
     padding: var(--eicui-base-spacing-l) var(--eicui-base-spacing-m) var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
 }
 
+[eicapp] select {
+    width: 100%;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    color: #DDD;
+    border: 1px solid #444;
+    border-radius: 2rem;
+    padding: .3rem 2rem .3rem 1rem;
+    font-size: 15px;
+    cursor: pointer;
+    margin: 0.5rem 0 0.5rem 0;
+    background:
+        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='4 8 12 16 20 8' stroke='green' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
+        no-repeat right 12px center / 12px 12px,
+        linear-gradient(0deg, #353, #222) no-repeat padding-box;
+
+} 
+
 .eic-session {
     padding: 0;
     display: grid;