/* 비공개 무료 체험판: 한지·먹·낙관을 유지하며 작은 화면의 조작부를 확보한다. */
dialog.flow{height:min(900px,100vh);height:min(900px,100dvh)}
.fl-head{height:auto;min-height:60px;padding-top:env(safe-area-inset-top,0px)}
.fl-body{min-width:0;-webkit-overflow-scrolling:touch}
.fl-foot{min-width:0}
.storybox textarea{font-size:16px} /* iOS 입력 시 강제 확대를 피한다. */
#inappWarn{background:#dfcaa7;color:#382a1e;border-color:#aa8862}
#copyBrowserLink{display:block;text-align:left;min-height:44px;color:#703528;font-weight:700}
#browserLinkFallback{width:100%;min-width:0;font-size:16px;padding:10px 4px;border:1px solid #aa8862;background:#f3e7d0;color:#382a1e}
#browserLinkStatus:empty{display:none}
#flow [data-pane="result"] .fl-foot>div{flex-wrap:wrap;column-gap:16px!important;row-gap:0}
#flow [data-pane="result"] .fl-foot .btn-text{min-height:44px;white-space:normal}
@media(max-height:540px){
  .personal-card{margin-top:90px}
  .fl-head{min-height:48px}
  .fl-foot{padding-top:8px;padding-bottom:calc(8px + var(--safe));gap:3px}
  #flow [data-pane="result"] #resultBody{padding-top:16px}
  #flow [data-pane="result"] .scroll-head{padding-top:24px}
}
@media(max-width:360px){
  #flow .fl-head{grid-template-columns:44px minmax(0,1fr) 44px}
  #flow .steps{gap:4px;font-size:10px}
  #flow .fl-foot{padding-inline:17px}
}

/* 얼굴 화면 주 버튼: 글자를 가운데로 */
#camBtn{justify-content:center;text-align:center}