fix(docs): restore playground output as Prism-highlighted HTML

Co-authored-by: Cursor <[email protected]>

docs/themes/navy/source/css/_partial/playground.styl

@@ -213,32 +213,26 @@
     background: var(--highlight-background)
 
   .area-tpl .pane-body,
-  .area-data .pane-body,
-  .area-output .pane-body
+  .area-data .pane-body
     padding: var(--playground-inset)
     box-sizing: border-box
     @media mq-mobile
       padding: 12px
 
   .area-tpl .ace_gutter,
-  .area-data .ace_gutter,
-  .area-output .ace_gutter
+  .area-data .ace_gutter
     display: none
     width: 0
     min-width: 0
 
   .area-tpl .ace_editor,
   .area-data .ace_editor,
-  .area-output .ace_editor,
   .area-tpl .ace_scroller,
   .area-data .ace_scroller,
-  .area-output .ace_scroller,
   .area-tpl .ace_content,
   .area-data .ace_content,
-  .area-output .ace_content,
   .area-tpl .ace_text-layer,
-  .area-data .ace_text-layer,
-  .area-output .ace_text-layer
+  .area-data .ace_text-layer
     background: transparent
 
   .editor
@@ -249,9 +243,45 @@
     @media mq-mobile
       min-height: 180px
 
-  .output-editor
+  .output-preview
+    flex: 1 1 auto
+    min-height: 0
+    min-width: 0
+    width: 100%
+    overflow: auto
     @media mq-mobile
       min-height: 120px
+    pre.highlight
+      margin: 0
+      min-height: 100%
+      width: 100%
+      box-sizing: border-box
+      padding: var(--playground-inset)
+      border: none
+      box-shadow: none
+      border-radius: 0
+      background: transparent
+      color: var(--highlight-foreground)
+      overflow-x: hidden
+      overflow-y: auto
+      white-space: pre-wrap
+      overflow-wrap: break-word
+      @media mq-mobile
+        padding: 12px
+      code
+        display: block
+        width: 100%
+        box-sizing: border-box
+        font-family: font-mono
+        font-size: 14px
+        line-height: 1.55
+        color: var(--highlight-foreground)
+        background: transparent
+        padding: 0
+        white-space: inherit
+        overflow-wrap: inherit
+        @media mq-mobile
+          font-size: 13px
 
   .ace_editor
     font-family: font-mono