style: follow albedo panel geometry

src/styles.css

@@ -72,6 +72,8 @@ textarea {
   background: var(--ed-bg);
   color: var(--ed-fg);
   font-family: var(--font-data);
+  font-size: 11px;
+  padding: 4px 6px;
   color-scheme: dark;
 }
 button {
@@ -89,7 +91,7 @@ button:hover:not(:disabled) {
 }
 .app-shell {
   min-height: 100vh;
-  background: var(--ed-bg);
+  background: var(--ed-panel);
 }
 .app-bar {
   height: 42px;
@@ -182,11 +184,11 @@ button:hover:not(:disabled) {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-height: 32px;
-  padding: 0 10px;
+  min-height: 34px;
+  padding: 8px 12px;
   border-bottom: 1px solid var(--ui-divider);
   color: var(--ed-fg);
-  font: 10px var(--font-data);
+  font: 600 13px var(--font-display);
   letter-spacing: 0.16em;
   text-transform: uppercase;
 }
@@ -280,9 +282,10 @@ label {
 }
 .panel {
   min-width: 0;
-  border: 1px solid var(--ui-line-soft);
-  border-radius: var(--panel-radius);
-  background: var(--ed-bg);
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background: var(--ed-panel);
 }
 .preview-panel {
   grid-column: span 2;