@font-face{font-family:Noto;src:url('assets/NotoSansKR.ttf');font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{font-size:100%}body{margin:0;font-family:Noto,-apple-system,BlinkMacSystemFont,sans-serif;color:#1A1E27;background:#F5F7FA;letter-spacing:-.035em}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:.15rem solid #3182F6;outline-offset:.15rem}button:disabled{cursor:not-allowed;opacity:.4}button{border:0}p,h1,h2,h3{margin:0}img{display:block;max-width:100%}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem 2.25rem 2rem}.eyebrow{color:#3182F6;font-size:.8rem;font-weight:700;letter-spacing:.06em}.board-heading h1{font-size:1.8rem;font-weight:700;margin:.4rem 0 .65rem}.board-heading>div>p:last-child{font-size:.85rem;color:#64768C}.board-control{font-size:.8rem;background:#FFF;border:1px solid #D6DADF;border-radius:.65rem;padding:.7rem 1rem;white-space:nowrap}.board{display:grid;grid-template-columns:repeat(5,22.5rem);gap:1.3rem;padding:0 2.25rem 1.5rem;overflow-x:auto}.screen-label{color:#64768C;font-size:.75rem;font-weight:600;letter-spacing:.01em;margin-bottom:.7rem}.phone{width:22.5rem;height:51.25rem;background:#FFF;border-radius:1.6rem;box-shadow:0 .5rem 1.4rem #1A1E2707;display:flex;flex-direction:column;padding:0 1.5rem 1.5rem;overflow:hidden}.status{height:2.65rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:0}.status span{font-size:.75rem}.nav{height:2.65rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.wordmark{font-size:.8rem;font-weight:700;letter-spacing:-.04em}.subtle,.back{background:transparent;color:#1A1E27;padding:.25rem;min-width:1.75rem;min-height:2rem}.subtle{font-size:.85rem}.back{font-size:2rem;line-height:1;font-family:Arial}.progress{font-size:.75rem;color:#B1B8C0;font-weight:600;letter-spacing:.05em}.nav-space{width:1.75rem}.home-intro{padding-top:3.1rem}.blue-kicker{font-size:.75rem;color:#3182F6;font-weight:600}.home-intro h2{margin-top:.8rem}h2{font-size:1.85rem;line-height:1.4;font-weight:700;letter-spacing:-.055em}.lead{color:#64768C;font-size:.82rem;line-height:1.75;margin-top:.6rem}.hero{flex:1;display:grid;place-items:center;min-height:13rem;padding:1rem 2rem}.hero img{width:15rem;height:13.5rem;object-fit:contain}.home-points{display:flex;align-items:center;justify-content:center;gap:.65rem;font-size:.75rem;color:#64768C;margin-bottom:1.6rem}.point-dot{width:.2rem;height:.2rem;border-radius:50%;background:#B1B8C0}.footer{display:flex;flex-direction:column;gap:.65rem;margin-top:auto;flex-shrink:0}.primary{height:3.4rem;width:100%;border-radius:.8rem;color:#FFF;background:#3182F6;font-size:.92rem;font-weight:650;transition:background .18s,transform .18s}.primary:hover{background:#2272E5}.primary:active{transform:scale(.985)}.footnote{font-size:.75rem;line-height:1.6;color:#B1B8C0;text-align:center}.title{padding-top:1.6rem;margin-bottom:1.4rem}.upload-zone{background:#F4F6F9;border-radius:1rem;display:flex;align-items:center;flex-direction:column;padding:1.15rem 1rem 1rem;flex-shrink:0;gap:.25rem;color:#1A1E27;width:100%}.upload-zone img{width:4.1rem;height:3.8rem;object-fit:contain;margin-bottom:.15rem}.upload-zone>span{font-size:.87rem;font-weight:650}.upload-zone small{font-size:.75rem;color:#94A0AD}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;touch-action:pan-y}.photo{position:relative;height:5.15rem;border-radius:.7rem;user-select:none;touch-action:pan-y;transition:transform .2s,opacity .2s}.photo>img{height:100%;width:100%;object-fit:cover;border-radius:.7rem;pointer-events:none}.photo .remove{position:absolute;top:.3rem;right:.3rem;width:1.1rem;height:1.1rem;min-height:0;display:grid;place-items:center;border-radius:50%;background:#0009;color:white;font:400 .8rem/1 Arial;padding:0}.photo.dragging{transform:scale(1.06);opacity:.8;z-index:2;touch-action:none}.photo.drop-target{box-shadow:0 0 0 .15rem #3182F6}.gesture-help{font-size:.75rem;color:#94A0AD;margin:.65rem 0 1.1rem}.field-label{font-size:.77rem;font-weight:650;margin-bottom:.55rem}.field-label span{color:#B1B8C0;font-size:.75rem;font-weight:400;margin-left:.3rem}textarea{width:100%;height:5.2rem;resize:none;flex-shrink:0;padding:.8rem .85rem;background:#FFF;border:1px solid #D6DADF;border-radius:.6rem;font-size:.77rem;line-height:1.6;color:#1A1E27}textarea::placeholder{color:#B1B8C0}.counter{display:flex;justify-content:space-between;color:#B1B8C0;font-size:.75rem;margin-top:.4rem}.consent{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.5rem}.consent label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#505866}.consent input{appearance:none;width:.95rem;height:.95rem;border-radius:50%;border:1px solid #D6DADF;display:grid;place-items:center;margin:0 .25rem 0 0}.consent input:checked{background:#3182F6;border-color:#3182F6}.consent input:checked:after{content:'✓';font-size:.75rem;color:#FFF}.text-link{background:transparent;color:#64768C;padding:.2rem 0;font-size:.75rem;text-decoration:underline;text-underline-offset:.2rem;white-space:nowrap}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.mood{background:#FFF;display:flex;align-items:center;flex-direction:column;padding:.8rem .1rem;border-radius:1rem;color:#1A1E27;transition:background .2s}.mood.selected{background:#F0F6FF}.mood img{height:4.5rem;width:4.5rem;object-fit:contain;margin-bottom:.65rem}.mood strong{font-size:.75rem;font-weight:650;white-space:nowrap}.mood span{font-size:.75rem;color:#94A0AD;margin-top:.35rem}.mood.selected strong{color:#3182F6}.section-heading{font-size:.91rem;font-weight:650;margin:2.6rem 0 1rem}.modes{display:flex;flex-direction:column}.mode{padding:.9rem 0;background:transparent;display:flex;gap:.7rem;align-items:center;text-align:left;color:#1A1E27;width:100%}.mode+.mode{border-top:1px solid #F0F2F5}.mode img{width:2.6rem;height:2.6rem;object-fit:contain}.mode>span{display:flex;flex-direction:column;gap:.3rem;flex:1}.mode strong{font-size:.84rem;font-weight:650}.mode small{font-size:.75rem;color:#94A0AD}.radio{width:1.1rem;height:1.1rem;border:1.5px solid #D6DADF;border-radius:50%;display:grid;place-items:center}.mode.selected .radio{border-color:#3182F6}.mode.selected .radio:after{content:'';width:.6rem;height:.6rem;background:#3182F6;border-radius:50%}.quiet-note{font-size:.75rem;line-height:1.65;color:#94A0AD;margin-top:1.1rem}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:650;margin:.5rem 0 1.25rem}.switch{display:flex;position:relative;cursor:pointer}.switch input{appearance:none;margin:0;width:2.25rem;height:1.3rem;border-radius:1rem;background:#D6DADF;cursor:pointer;transition:background .2s}.switch input:checked{background:#3182F6}.switch i{position:absolute;width:1rem;height:1rem;border-radius:50%;background:#FFF;left:.15rem;top:.15rem;pointer-events:none;transition:transform .2s;box-shadow:0 .05rem .1rem #0001}.switch input:checked+i{transform:translateX(.95rem)}.caption-fields{display:flex;flex-direction:column;gap:1.3rem}.caption-field{display:flex;gap:.75rem;align-items:center}.caption-field img{width:3.7rem;height:4.7rem;border-radius:.65rem;object-fit:cover;flex-shrink:0}.caption-field label{display:flex;flex-direction:column;gap:.45rem;flex:1;font-size:.75rem;color:#94A0AD;min-width:0}.caption-field input{width:100%;height:2.8rem;border:1px solid #D6DADF;border-radius:.55rem;background:#FFF;color:#1A1E27;font-size:.79rem;padding:.65rem .7rem}.caption-field input:disabled{background:#F4F6F9;color:#B1B8C0}.finish-summary{margin-top:2.1rem;padding-top:1.15rem;border-top:1px solid #F0F2F5}.finish-summary p{font-size:.75rem;color:#94A0AD;margin-top:.45rem;line-height:1.6}.result-intro{text-align:center;padding:1.25rem 0 1.25rem}.result-intro>img{height:4.4rem;width:5rem;object-fit:contain;margin:0 auto .85rem}.result-intro h2{font-size:1.55rem;line-height:1.5}.reel{width:11.1rem;height:19.73rem;align-self:center;position:relative;overflow:hidden;border-radius:.9rem;background:#F4F6F9}.reel>video{height:100%;width:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#FFFDF;color:#3182F6;width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:50%;font-size:.9rem;box-shadow:0 .15rem 1rem #0002;padding-left:.15rem}.reel-copy{position:absolute;bottom:0;left:0;right:0;color:#FFF;display:flex;flex-direction:column;gap:.35rem;padding:2rem .9rem .9rem;background:linear-gradient(transparent,#0005)}.reel-copy small{font-size:.75rem;letter-spacing:.1em}.reel-copy strong{font-size:.75rem;font-weight:600}.preview-note{text-align:center;color:#B1B8C0;font-size:.75rem;margin-top:.65rem}.result-edit{color:#64768C;text-decoration:none;margin-top:.1rem}.board-note{display:flex;gap:1rem;padding:.5rem 2.25rem 2rem;align-items:center;font-size:.75rem;color:#64768C}.board-note span{color:#3182F6;font-weight:650}dialog{width:21rem;max-width:calc(100vw - 2rem);padding:1rem 1.5rem 1.5rem;border:0;border-radius:1.5rem;color:#1A1E27;box-shadow:0 1rem 5rem #0002}dialog::backdrop{background:#1A1E2766;backdrop-filter:blur(.15rem)}.sheet-handle{height:.25rem;width:2.25rem;background:#D6DADF;border-radius:1rem;margin:0 auto 1.7rem}dialog h2{font-size:1.25rem;margin-bottom:.75rem}dialog p{font-size:.8rem;line-height:1.8;color:#64768C;margin-bottom:1rem}dialog .primary{margin-top:.5rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#1A1E27ED;color:#FFF;border-radius:.7rem;padding:.8rem 1.2rem;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}.toast.visible{opacity:1}.phone.highlight{box-shadow:0 0 0 .15rem #3182F6,0 .5rem 1.4rem #1A1E2707}.float{animation:float 3.6s ease-in-out infinite}.success-pop{animation:success 3.6s ease-in-out infinite}.motion-off *{animation-play-state:paused!important}@keyframes float{0%,100%{transform:translateY(.25rem) rotate(-2deg)}50%{transform:translateY(-.4rem) rotate(2deg)}}@keyframes success{0%,75%,100%{transform:scale(1)}18%{transform:scale(1.07) rotate(-3deg)}30%{transform:scale(.98) rotate(1deg)}45%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.board-heading{padding:1.5rem 1rem;align-items:flex-start;gap:1rem;flex-direction:column}.board-heading h1{font-size:1.4rem}.board{grid-template-columns:repeat(5,min(22.5rem,calc(100vw - 2rem)));gap:1rem;padding:0 1rem 1rem;scroll-snap-type:x mandatory}.screen-group{scroll-snap-align:center}.phone{width:min(22.5rem,calc(100vw - 2rem));padding-left:1.3rem;padding-right:1.3rem}.board-note{padding:1rem;align-items:flex-start;flex-direction:column;gap:.5rem}.board-note p{line-height:1.8}}@media print{body{background:#FFF}.board-heading{padding:1rem}.board{padding:0;overflow:visible}.board-control{display:none}}
/* Phone-scale legibility: form values use 15px; supporting copy remains quiet. */
.lead{font-size:.875rem}.field-label{font-size:.875rem}.upload-zone small,.gesture-help{font-size:.75rem}.consent label{font-size:.75rem}.text-link{font-size:.75rem}.mode strong{font-size:.9375rem}.mode small,.quiet-note,.finish-summary p{font-size:.75rem}.caption-field input{font-size:.9375rem}.caption-field label{font-size:.75rem}.preview-note,.footnote{font-size:.75rem}.counter{font-size:.75rem}

.result-actions{display:flex;align-items:center;justify-content:center;gap:1rem}.result-actions .text-link{text-decoration:none;color:#64768C}.compare-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.compare-gallery img{width:100%;height:5rem;object-fit:cover;border-radius:.6rem}.delete-demo{background:#F4F6F9;border:1px solid #D6DADF;padding:.8rem 1rem;border-radius:.65rem;color:#505866;width:100%;margin:.5rem 0}

/* 선택은 아이콘 주변의 원형 강조로 제한한다. 전체 카드 배경은 쓰지 않는다. */
.mood.selected{background:transparent}.mood img{width:5rem;height:5rem;border-radius:50%;padding:.3rem;object-fit:contain}.mood.selected img{background:#F0F6FF;box-shadow:0 0 0 .1rem #3182F6}.mood.selected strong{color:#3182F6}.mood.selected strong::before{content:"✓ ";font-weight:700}

/* One route at a time: standalone interactive customer preview. */
.preview-bar{max-width:30rem;margin:auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.7rem;color:#64768C;min-height:3rem;background:#F5F7FA}.preview-bar a{color:#64768C;text-underline-offset:.2rem}
.board{display:block;max-width:30rem;margin:0 auto;padding:0;overflow:visible;background:#FFF;min-height:calc(100svh - 3rem)}
.screen-group[hidden]{display:none!important}.screen-group{animation:route-appear .2s ease-out}.screen-label,.status{display:none}
.phone{width:100%;height:auto;min-height:calc(100svh - 3rem);border-radius:0;box-shadow:none;overflow:visible;padding:1rem 1.5rem 1.5rem}.phone h2:focus{outline:none}.phone .footer{padding-top:1.5rem}.phone .hero{min-height:14rem}.sample-photos{align-self:center;margin:.7rem 0 0}.phone .caption-fields{gap:1rem}.phone .reel{flex-shrink:0}.phone .result-intro{padding:1rem 0}.processing{align-items:center;justify-content:center;gap:1.5rem;text-align:center}.processing>img{width:5rem;height:5rem;object-fit:contain}.processing .primary{margin-top:1rem}.processing progress{width:100%;height:.5rem;accent-color:#3182F6}.toast{max-width:calc(100vw - 2rem);width:max-content;bottom:1rem;text-align:center}.download-demo{display:flex;align-items:center;justify-content:center;text-decoration:none}.play{background:#FFFFFFDF}.phone .home-intro{padding-top:2rem}
@keyframes route-appear{from{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){body{background:#FFF}.preview-bar{padding:.7rem 1.25rem}.phone{padding:1rem 1.25rem 1.5rem}.board{padding:0}.screen-group{scroll-snap-align:none}}
@media(prefers-reduced-motion:reduce){.screen-group{animation:none}}