1) 화면 뼈대 만들기

모바일에서 쓸 콘텐츠 기획 도구를 만들 거야. 단일 HTML 파일 하나로, 인터넷 없이도 열리게. 지금은 기능 없이 화면 뼈대만 만들어줘.

[화면 구성]

① 상단 헤더: 작은 뱃지("실측 데이터 기반") + 큰 제목("콘텐츠 스튜디오 🎬") + 한 줄 소개

② 흰색 둥근 카드: "주제" 여러 줄 입력칸 + "핵심 꿀팁·숫자 (선택)" 입력칸

③ 화면 맨 아래 고정된 버튼바: 노란색 큰 버튼 "훅 만들기 ✨" (스크롤해도 항상 보이게)

[디자인]

배경은 연한 [내 브랜드 연한색], 포인트 컬러는 [내 브랜드 진한색]과 [강조색]. 모서리는 둥글게, 글자는 모바일에서 읽기 편한 크기로. 폰 홈 화면에 추가할 수 있게 메타 태그도 넣어줘.

완성된 전체 HTML 파일 하나로 줘.

2) 옵션추가하기

기존 화면과 디자인은 그대로 유지하고, 입력 카드 안에 선택 버튼(알약 모양 칩) 3줄을 추가해줘. 선택하면 색이 채워지게.

[칩 구성]

· 콘텐츠 카테고리: [내 계정의 콘텐츠 종류 4~6개 — 예: 해외여행 / 국내 나들이 / 실패담 / 광고·협찬]

· 도발 수위: 순한맛 🌿 / 중간맛 🔥 / 매운맛 🌶️ (하나만 선택, 기본값 매운맛)

· 참고 스타일: [내 DNA에서 나온 훅 패턴들 — 예: 반전 선언형 / VS 선택형 / 경험 권위형 / 소신발언형] (여러 개 선택 가능)

카테고리를 고르면 그 아래에 한 줄 설명이 나오게 해줘. 선택값들은 다음 단계에서 프롬프트 만들 때 쓸 거야.

완성된 전체 HTML을 다시 줘.