/* 모든 가게 화면 공통 (디자인별 모양은 각 화면 안에 있음) */
body { margin: 0; }
img { display: block; max-width: 100%; }
.page { width: 100%; max-width: 480px; margin: 0 auto; min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; }
.pre { white-space: pre-line; }
.photo { width: 100%; height: 100%; object-fit: cover; }

/* 사장님에게만 보이는 [고치기] */
.owner-fab { position: fixed; right: 16px; bottom: 20px; z-index: 20; display: flex; align-items: center; gap: 6px;
  min-height: 52px; padding: 0 20px; border-radius: 999px; background: #15171A; color: #FFFFFF; font: 700 17px/1 'Noto Sans KR', sans-serif;
  text-decoration: none; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }

/* 디자인 미리보기: 아래 고정 막대 */
.preview-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, .96); border-top: 1px solid #E5E7EB; font-family: 'Noto Sans KR', sans-serif; justify-content: center; }
.preview-bar a { display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 12px; font-size: 16px; font-weight: 700; text-decoration: none; }
.preview-back { padding: 0 14px; color: #15171A; background: #F3F4F6; }
.preview-go { flex: 1; max-width: 360px; color: #15171A; background: #FACC15; }
.has-preview { padding-bottom: 84px; }