당신은 원 작성 모델 llama-3.1-8b이며, 실제 호출 ID는 meta-llama/Llama-3.1-8B-Instruct입니다.
자신이 작성한 롯데타워 구현의 실패를 수정하세요. 표현 방식과 시각적 구성은 스스로 결정하세요. 다른 모델의 코드나 참고 구현은 제공하지 않습니다. 모든 필수 기능을 구현한 완결된 HTML 문서 하나만 반환하세요.

최초 공통 요청 — 기능과 출처·추정 구분을 모두 유지하세요:
당신은 llama-3.1-8b 모델입니다. 실제 호출 식별자는 meta-llama/Llama-3.1-8B-Instruct입니다.

롯데월드타워의 건축 설계 과정을 이해할 수 있도록, 설계도면과 단계별 3D 모델 및 완성된 3D 모델을 함께 보여주는 인터랙티브 웹페이지를 직접 구현하세요.

공통 기준 자료:
- 서울의 롯데월드타워는 높이 555m, 지상 123층입니다.
- 위로 갈수록 기준층 면적과 건물 외곽이 좁아지는 형태입니다.
- KPF는 형태와 외관에 한국 도자기의 선을 참고했다고 설명합니다.
- 아래 공개 자료를 참고하는 설명용 개념 재구성입니다. 공식 시공 도면이나 검증된 구조 설계로 표현하지 마세요. 공개 자료에 없는 치수·단면·부재는 추정한 개념임을 구분하세요.
- 원 설계사: https://www.kpf.com/project/lotte-world-tower
- 구조 설계사: https://www.lera.com/lotte-world-tower

보여줄 내용:
- 배치도, 기준층 평면도, 입면도, 단면도. 도면에는 무엇을 보여주는지, 단위와 치수의 근거를 알 수 있게 하세요.
- 설계가 발전하는 과정과 각 단계의 3D 형상.
- 완성된 건물의 실제 3D 형상과 회전·확대/축소·시점 초기화 조작.
- 도면, 선택한 설계 단계, 완성 모델 사이의 대응 관계.

표현 스타일, 화면 구성, 도형 생성 방법, 설명 방식은 스스로 결정하세요. 참고 구현 코드나 시각적 예시는 제공하지 않습니다.

실행 조건:
- 하나의 완결된 HTML 문서만 반환하세요. 자신의 CSS와 JavaScript를 문서 안에 넣으세요.
- 3D 실행 환경은 모든 모델에 동일합니다: Three.js 0.186.1과 OrbitControls가 전역 THREE 객체로 제공되는 로컬 스크립트 "../runtime/three-runtime.js"를 사용할 수 있습니다. 필요하면 이 스크립트를 직접 포함하세요. 직접 WebGL을 구현해도 됩니다.
- 외부 네트워크, 외부 폰트·이미지, 서버 API 없이 실행되게 하세요. 위 출처는 텍스트 출처 링크이며 실행 중 가져오면 안 됩니다.
- 작품은 sandbox="allow-scripts" iframe에서 실행됩니다. alert/confirm/prompt와 부모 문서 접근은 사용하지 마세요.
- 휴대폰과 데스크톱에서 조작할 수 있게 하세요. 키보드 조작, 읽기 쉬운 글자와 대비, 움직임 감소 설정을 고려하세요.
- 실제 모델 이름 "llama-3.1-8b"을 화면에 표시하세요.
- 설명문이나 코드 조각을 따로 반환하지 말고 전체 HTML을 반환하세요.


이 모델의 이전 응답 원문:
이번 요청에서는 이전 코드를 포함하지 않습니다. 원 작성 모델이 직접 다시 구현하세요.

실패 기록과 필수 수정 사항 — 아래 항목을 모두 해결하세요:
{"이전 검수 수정 사항": [{"severity": "Critical", "action": "Use supported local rendering APIs and real2Dcanvas contexts for diagrams, initialize actual scene geometry before rendering, and verify all controls."}, {"severity": "Warning", "action": "Render four meaningful distinct diagram views directly into their visible canvases or SVG, with labels/units/model correspondence."}, {"severity": "Warning", "action": "Implement actual intermediate tower forms and a completed stage with understandable explanations."}, {"severity": "Warning", "action": "Build the coherent authored tapering tower at a stated555m scale and align diagrams."}, {"severity": "Warning", "action": "Keep camera state separate from geometry updates; apply actual target-relative camera operations and reset only on explicit reset."}, {"severity": "Warning", "action": "Explicitly set button and other meaningful control text to at least19px."}], "필수 구현": ["배치·기준층 평면·입면·단면 도면 4종, 단위·개념 추정의 근거를 실제로 표시하세요.", "서로 다른 설계 단계별 3D와 전체 완성 타워를 구현하고, 도면 선택·단계와 연결하세요.", "초기 시점에 전체 형상이 보이며 회전·줌·초기화를 포인터와 키보드로 조작할 수 있어야 합니다.", "허용된 로컬 전역 THREE 런타임만 사용하세요. 글자·버튼은 19px 이상이며 휴대폰에서 접근 가능해야 합니다.", "표현은 스스로 결정하세요. 간결한 코드로 출력 한도 안에 완결된 HTML을 작성하세요."]}

설명이나 코드 조각 없이, 닫는 태그까지 포함한 전체 HTML을 반환하세요.