style: 채번규칙 규칙명과 미리보기를 한 줄로 배치

- 규칙명과 미리보기를 flex로 나란히 배치
- 각각 flex-1로 동일한 너비 (50:50)
- gap-3로 간격 설정
- 공간 효율성 향상

frontend/components/numbering-rule/NumberingRuleDesigner.tsx

@@ -312,18 +312,20 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
               </Button>
             </div>
 
-            <div className="space-y-2">
+            <div className="flex items-center gap-3">
-              <Label className="text-sm font-medium">규칙명</Label>
+              <div className="flex-1 space-y-2">
-              <Input
+                <Label className="text-sm font-medium">규칙명</Label>
-                value={currentRule.ruleName}
+                <Input
-                onChange={(e) => setCurrentRule((prev) => ({ ...prev!, ruleName: e.target.value }))}
+                  value={currentRule.ruleName}
-                className="h-9"
+                  onChange={(e) => setCurrentRule((prev) => ({ ...prev!, ruleName: e.target.value }))}
-                placeholder="예: 프로젝트 코드"
+                  className="h-9"
-              />
+                  placeholder="예: 프로젝트 코드"
-            </div>
+                />
-
+              </div>
-            <div className="space-y-2">
+              <div className="flex-1 space-y-2">
-              <NumberingRulePreview config={currentRule} />
+                <Label className="text-sm font-medium">미리보기</Label>
+                <NumberingRulePreview config={currentRule} />
+              </div>
             </div>
 
             <div className="flex-1 overflow-y-auto">