add inline block settings editing to page editor

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

assets/css/admin/components.css

@@ -1163,9 +1163,6 @@
 }
 
 .block-card {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
   padding: 0.5rem 0.75rem;
   border: 1px solid var(--t-border-default);
   border-radius: 0.5rem;
@@ -1318,4 +1315,47 @@
   font-size: 0.8125rem;
 }
 
+/* Block card header + expanded state */
+
+.block-card-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+.block-card-expanded {
+  background: var(--t-surface-sunken);
+}
+
+.block-edit-btn-active {
+  color: var(--t-accent);
+}
+
+/* Block settings panel */
+
+.block-card-settings {
+  padding: 0.75rem 0.75rem 0.25rem;
+  padding-left: 2.75rem;
+  border-top: 1px solid var(--t-border-default);
+}
+
+.block-settings-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+}
+
+.block-settings-json {
+  font-family: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;
+  font-size: 0.75rem;
+  opacity: 0.7;
+}
+
+.block-settings-hint {
+  font-size: 0.75rem;
+  color: color-mix(in oklch, var(--t-text-primary) 50%, transparent);
+  margin-top: 0.25rem;
+}
+
 } /* @layer admin */