refactor(extension-webview): remove inline styles from html, even px in OrmConverter

- move html/body/#root reset from inline style attributes to globalCss
- replace odd px values in OrmConverter with even ones

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

Author: erun1012

apps/extension-webview/ai-agent.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang="ko" style="height: 100%; margin: 0">
+<html lang="ko">
   <head>
     <script>document.documentElement.setAttribute('data-theme', 'dark');</script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vespertide AI Agent</title>
   </head>
-  <body style="height: 100%; margin: 0; padding: 0; overflow: hidden">
-    <div id="root" style="height: 100%; margin: 0; padding: 0"></div>
+  <body>
+    <div id="root"></div>
     <script type="module" src="/src/ai-agent.tsx"></script>
   </body>
 </html>

apps/extension-webview/index.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang="ko" style="height: 100%; margin: 0">
+<html lang="ko">
   <head>
     <script>document.documentElement.setAttribute('data-theme', 'dark');</script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vespertide</title>
   </head>
-  <body style="height: 100%; margin: 0; padding: 0; overflow: hidden">
-    <div id="root" style="height: 100%; margin: 0; padding: 0"></div>
+  <body>
+    <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

apps/extension-webview/src/tabs/OrmConverter.tsx

@@ -41,7 +41,7 @@ export default function OrmConverter({ state, setState }: Props) {
     >
       {/* ORM buttons */}
       <Box>
-        <Box fontSize="11px" opacity={0.55} mb="8px" letterSpacing="0.03em">
+        <Box fontSize="12px" opacity={0.55} mb="8px" letterSpacing="0.03em">
           변환할 대상 ORM 선택
         </Box>
         <Flex flexWrap="wrap" gap="8px">
@@ -118,7 +118,7 @@ export default function OrmConverter({ state, setState }: Props) {
               : '$btnSecBg'}
             color="$btnFg"
             border="none"
-            borderRadius="3px"
+            borderRadius="4px"
             fontSize="12px"
             cursor={canConvert ? 'pointer' : 'not-allowed'}
             opacity={canConvert ? 1 : 0.5}
@@ -139,7 +139,7 @@ export default function OrmConverter({ state, setState }: Props) {
       {/* Current source preview */}
       {state.ormSource && (
         <VStack flex={1} overflow="hidden">
-          <Box fontSize="11px" opacity={0.55} mb="6px">
+          <Box fontSize="12px" opacity={0.55} mb="6px">
             현재 스키마 ({ORM_LABELS[state.ormType]})
           </Box>
           <Box

apps/extension-webview/src/theme.ts

@@ -1,4 +1,9 @@
-import { keyframes } from '@devup-ui/react';
+import { globalCss, keyframes } from '@devup-ui/react';
+
+globalCss({
+  'html, body, #root': { height: '100%', margin: 0, padding: 0 },
+  body: { overflow: 'hidden' },
+});
 
 export const slideInRight = keyframes({
   from: { transform: 'translateX(20px)', opacity: 0 },