`fix(state-inspector): align with full-height tool-shell layout pattern

- apply profiler/physics/replay non-fullscreen + fullscreen shell-fill behavior
- set viewport-based container sizing (`100dvh` calc) for available-height fill
- enforce page/container/shell flex chain so columns extend to footer region
- keep left/center/right panels stretched with internal scrolling
- make JSON input and inspection snapshot panes fill panel height and scroll internally
- preserve existing inspector behavior while standardizing layout parity`

Author: DavidQ

src/engine/theme/tool-shell.css

@@ -247,6 +247,60 @@ body[data-tool-id="replay-visualizer"].tool-shell-page #replayEventList {
   overflow: auto;
 }
 
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell-container {
+  flex: 1 1 auto;
+  height: calc(100dvh - 120px);
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page {
+  min-height: 100dvh;
+  display: flex;
+  flex-direction: column;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page > .is-collapsible,
+body[data-tool-id="state-inspector"].tool-shell-page > [data-tools-platform-status] {
+  flex: 0 0 auto;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell-container {
+  min-height: 420px;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell {
+  min-height: 0;
+  max-height: none;
+  height: 100%;
+  flex: 1 1 auto;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell__left,
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell__center,
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell__right {
+  min-height: 0;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell__left > .debug-tool-panel,
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell__center > .debug-tool-panel,
+body[data-tool-id="state-inspector"].tool-shell-page .tool-shell__right > .debug-tool-panel {
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+body[data-tool-id="state-inspector"].tool-shell-page #stateJsonInput,
+body[data-tool-id="state-inspector"].tool-shell-page #stateSnapshotOutput {
+  min-height: 0;
+  height: 100%;
+  max-height: none;
+  flex: 1 1 auto;
+  overflow: auto;
+}
+
 @media (max-width: 980px) {
   .tool-shell-page .tool-shell-container {
     width: min(100%, calc(100% - 16px));