feat(web-console): unify spatial UI and chat reset

apps/web-console/ui-consistency.css

@@ -2,12 +2,16 @@
    Keep geometry consistent across legacy modules without changing their
    domain-specific colors, content density, or interaction behavior.
 
-   Hierarchy: control 10px -> item 12px -> section 16px -> panel 18px ->
-   modal 22px. All modules consume the same semantic color tokens. */
+   Hierarchy: control 10px -> card 13px -> section 15px -> panel 16px ->
+   modal 20px. All modules consume the same semantic color tokens. */
 :root {
   --ui-control-height-compact: 30px;
   --ui-control-height: 38px;
   --ui-control-size-icon: 36px;
+  --ui-font-card-title: 13px;
+  --ui-font-section-title: 15px;
+  --ui-font-panel-title: 16px;
+  --ui-inline-action-width: 88px;
   --ui-radius-control-inner: calc(var(--radius) - 2px);
   --ui-radius-control: var(--radius);
   --ui-radius-item: calc(var(--radius) + 2px);
@@ -27,6 +31,43 @@
   --ui-focus-ring: 0 0 0 3px color-mix(in oklch, var(--ring) 22%, transparent);
 }
 
+/* One readable type scale prevents large legacy headings and tiny newer card
+   titles from competing inside the same workspace. */
+.console-v2 :is(
+  .v2-operation-heading h2,
+  .joint-twin-shell .twin-heading h3,
+  .v2-device-sync-board > header h3,
+  .v2-extension-sync-heading h3,
+  .v2-sync-sidebar-heading h2,
+  .workspace-panel-title h3,
+  .config-panel-heading h3
+) {
+  font-size: var(--ui-font-panel-title) !important;
+  line-height: 1.25;
+  letter-spacing: -0.02em;
+}
+
+.console-v2 :is(
+  .v2-pet-card-region > header h4,
+  .v2-gscu-actions > header strong,
+  .v2-gscu-command-catalog > header strong
+) {
+  font-size: var(--ui-font-section-title) !important;
+  line-height: 1.3;
+}
+
+.console-v2 :is(
+  .v2-device-card-focus strong,
+  .v2-nfc-inline strong,
+  .v2-extension-gateway strong,
+  .v2-extension-synced-device header strong,
+  .v2-pet-presence-card > header strong,
+  .v2-pet-card > header > strong
+) {
+  font-size: var(--ui-font-card-title) !important;
+  line-height: 1.35;
+}
+
 /* Top-level workspace surfaces share one frame. */
 .console-v2.v2-passive-display.v2-interactive-sync :is(
   .v2-operation-shell,
@@ -174,6 +215,7 @@
 /* Repeated inline actions use one compact size. */
 .console-v2 :is(
   .v2-device-adjust-toggle,
+  .v2-pet-settings-launch,
   .v2-extension-nfc-launch,
   .v2-extension-gateway > button,
   .v2-nfc-inline button
@@ -184,6 +226,36 @@
   border-radius: var(--ui-radius-control-inner);
 }
 
+/* Related extension actions use equal columns and a shared trailing action
+   width, so every card keeps the same horizontal rhythm. */
+.console-v2 .v2-extension-sync-actions {
+  width: calc(var(--ui-inline-action-width) * 2 + 6px);
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
+}
+
+.console-v2 .v2-extension-sync-actions > :is(
+  .v2-pet-settings-launch,
+  .v2-extension-nfc-launch
+) {
+  width: 100%;
+  min-width: 0;
+  height: var(--ui-control-height-compact);
+  justify-content: center;
+  padding-inline: 7px;
+  font-size: 10px;
+}
+
+.console-v2 :is(
+  .v2-nfc-inline > button,
+  .v2-extension-gateway > button
+) {
+  width: var(--ui-inline-action-width);
+  min-width: var(--ui-inline-action-width);
+  justify-content: center;
+}
+
 /* Header icon actions are distinct from circular record/send actions. */
 .assistant-drawer-actions .context-reset,
 .assistant-drawer-close,
@@ -246,6 +318,7 @@
   .segmented > button,
   .twin-selector > button,
   .v2-device-adjust-toggle,
+  .v2-pet-settings-launch,
   .v2-extension-nfc-launch,
   .v2-extension-gateway > button,
   .v2-nfc-inline button
@@ -263,6 +336,10 @@
     --ui-control-height-compact: 32px;
     --ui-control-size-icon: 38px;
   }
+
+  .console-v2 .v2-extension-sync-actions {
+    width: 100%;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {