Stage 2: HTML 생성 결과
영역별로 생성된 HTML (미리보기) + 서브 컨테이너 레이아웃
본심 (body_html)
<div style="width:100%; height:100%; box-sizing:border-box; font-family:'Segoe UI',sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;"><div style="background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%); border:1px solid #fdba74; border-radius:12px; padding:10px 12px; display:grid; grid-template-columns:1fr 1fr; gap:12px;"><div><div style="font-size:12px; font-weight:800; color:#c2410c; margin-bottom:6px;">용어의 혼용</div><ul style="font-size:10px; line-height:1.6; color:#7c...
첨부 (sidebar_html)
<div style="width:100%; height:100%; box-sizing:border-box; font-family:'Segoe UI',sans-serif; display:flex; flex-direction:column; gap:8px;"><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 12px;"><div style="font-size:12px; font-weight:800; color:#1e293b; margin-bottom:8px;">용어 정의</div><div style="display:flex; flex-direction:column; gap:8px;"><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:10px; padding:10px 12px;"><div style="...
결론 (footer_html)
<div style="background:linear-gradient(135deg, #006aff 0%, #00aaff 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:52px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:12px; font-weight:800; line-height:1.35;">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다</div></div>
reasoning (reasoning)
retry regrouping by content importance: intro(problem+evidence), body(relation+comparison), sidebar(definitions), widths 66%/34%