PHOTO SELECT

사진 선택 화면 — 칼선 가이드

촬영된 사진 중 프레임에 넣을 사진을 선택하는 화면입니다. 좌측에 사진 그리드, 우측에 프레임 프리뷰가 표시됩니다.

주요 영역

CSS 뷰포트 1280 × 800px 기준입니다. 아래 높이는 위에서 아래로 쌓이는 예산이며, 개별 요소의 절대 좌표가 아니라 그 블록이 차지해도 되는 최대 높이입니다.

블록	높이	누적 y
Page header	177px	0 → 177
Frame preview plus 2-row photo grid	294px	177 → 471
Bottom nav reserve	136px	471 → 607
합계	607px	남는 높이 193px (요구 안전 32px)

가로 예산	폭	여유
Preview + gap + 3-column thumbnail grid + side padding	912px	43px

PageTimer: 120 × 120 원형, x=1128 y=64 (right-8 + top-kiosk-chrome-y)
NavBar: y=664, 좌우 인셋 32px (left-8 right-8 + top-kiosk-navbar-y), 하단 예약 136px

16:9(CSS 1280×720 · 물리 1920×1080)에서는 PageTimer y=57.6, NavBar y=624, 하단 예약 96px, 헤더 여백 36px 입니다.