docs: 페이지 2 UX 구성 상세화 (레이아웃, 컴포넌트, 디자인)

journey/scenarios/251223_bayesian_seminar_presentation_scenario.md

@@ -19,8 +19,23 @@
 ### 1. 퀴즈: 자루 속 공의 비율 (3-4페이지)
 
 **페이지 2**: "자루 속 공의 비율은?"
-- 7명이 각자 이름과 초기 추정 확률 입력
-- 입력 완료 후 다음 버튼 활성화
+
+**레이아웃**:
+- 상단: "자루 속 공의 비율은?" 제목 (큰 폰트, 중앙 정렬)
+- 중앙: 자루 일러스트 (선택, 왼쪽 또는 중앙)
+- 하단: 7개 입력 카드 (2x4 그리드 또는 세로 리스트)
+- 최하단: "다음" 버튼 (비활성화 상태, 모두 입력 시 활성화)
+
+**입력 카드 구성** (각 카드):
+- 왼쪽: 이름 입력 필드 (텍스트)
+- 오른쪽: 확률 입력 (슬라이더 + 숫자 표시)
+- 입력 완료 시 체크 아이콘 표시
+
+**디자인**:
+- 배경: 흰색 또는 밝은 회색
+- 카드: 흰색 배경, 그림자, 둥근 모서리
+- 슬라이더: 보라색(#5C00E6) 트랙, 파란색 핸들
+- 버튼: 모두 입력 완료 시 보라색 배경, 흰색 텍스트
 
 **페이지 3-7**: 공 꺼내기 (5회)
 - 각 회차마다 공 색상 표시 (애니메이션)