방법론
변환기는 결정적 브라우저 파이프라인입니다:
- 주석 제거（실행 없음）
- 규칙 파싱（선택자·블록, @media 포함）
- 선언 매핑을 알려진 Tailwind 유틸리티로
- arbitrary 값（유효하지만 스케일 밖 길이/색）
- 반응형 prefix（인식된 min-width）
- 노트（미지원 at-rule·매핑 실패）
제한
- CSS 변수 계산값 해석 없음
- 레이아웃 엔진 없음 — 시각적 동일성 미보장
- 애니메이션·특수 선택자는 사람 필요
방법론은 엔진이 맵핑 가능하다고 보고하는 것, 메모에 남기는 것, 지어내지 않는 것을 설명합니다. 가이드와 변환기가 어긋나면 playground에서 관찰한 동작이 우선합니다.
spacing·타이포·layout·색·테두리·효과·responsive 매핑이 바뀔 때 이 페이지를 검토합니다. 검토일은 장식이 아니라 신선도 계약입니다.
속성 그룹 가이드는 판단용, 변환기는 초안용입니다. 함께 맹목적 배포 위험을 낮춥니다.
- 입력: 실제 CSS 스니펫(마케팅 데모 아님).
- 출력: 유틸리티 + 메모. 허구 “점수” 없음.
- 한계: keyframes, 복잡한 선택자, 드문 media query.
- 개인정보: JS 로드 후 브라우저 내 변환.