/* inspect.css — 디자인 PNG 오버레이로 픽셀 차이 검수 (요구 #5)
 * 사용: <html class="inspect"> 추가 + 이 파일 로드.
 * 디자인 시안을 ./images/_design/main.png 형태로 두고 오버레이.
 */
html.inspect body { position: relative; }
html.inspect body::before {
  content: "";
  position: fixed; inset: 0;
  background: url("../../images/_design/main.png") top center / 1920px auto no-repeat;
  opacity: .3;
  pointer-events: none;
  z-index: 9999;
}
html.inspect [data-inspect-id]::after {
  content: attr(data-inspect-id);
  position: absolute; left: 0; top: -16px;
  font-size: 11px; padding: 2px 6px; border-radius: 3px;
  background: rgba(59,130,246,.9); color: #fff;
  z-index: 10000;
}
