feat: STM32 Blue Pill 에뮬레이터 UI — 보드 SVG + GPIO LED 시각화

- Blue Pill SVG: 핀 서클(r=3), 폰트 4px bold, 온보드 LED/PWR/RST 버튼 확대
- GPIO 텔레메트리: _RN_PNAME()+Serial.write(STX/ETX)로 digitalWrite() 후 핀 상태 전송
- PA0 등 아날로그 핀 번호(0xC0=192) → digitalPinToPinName()으로 런타임 복원
- PC13 toggle 시 핀 서클 + 온보드 LED 동시 업데이트 (active LOW)
- PA9(TX)/PA10(RX) 시리얼 신호 깜빡임
- 코드 에디터 AI에 선택된 보드 이름(boardContext) 전달

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

web-ui/styles.css

@@ -1866,12 +1866,20 @@
 
   @media (max-width: 1200px) {
     body {
-      grid-template-columns: 250px 1fr;
+      /* main(채팅)이 유연한 공간을, 컨텍스트 패널은 제한된 폭을 갖도록.
+         이전엔 컬럼이 뒤바뀌어 컨텍스트가 1fr(화면 절반 이상)을 차지했음. */
+      grid-template-columns: 1fr minmax(160px, 200px);
       grid-template-areas:
         "header header"
         "main right";
     }
     aside { display: none; }
+    /* No manual resize on tablet — CSS owns the column widths here. */
+    #right-panel-resize-handle { display: none !important; }
+    /* Collapsed → shrink the right column to just the rail instead of a 300px gap. */
+    body.right-collapsed {
+      grid-template-columns: 1fr 44px;
+    }
   }
 
   @media (max-width: 1024px) {