:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;background:#fff;min-height:100vh}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:url(/fonts/Pretendard-Light.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:url(/fonts/Pretendard-Regular.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:url(/fonts/Pretendard-Medium.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:url(/fonts/Pretendard-ExtraBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:url(/fonts/Pretendard-Black.woff2) format("woff2")}:root{--ink: #1A1A1A;--ink-soft: rgba(26,26,26,.55);--ink-faint: rgba(26,26,26,.35);--line: rgba(26,26,26,.1);--line-soft: rgba(26,26,26,.06);--cream: #FAF5EE;--cream-deep: #F2E8DC;--paper: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}#root{width:100%}.app{max-width:460px;margin:0 auto;min-height:100vh;background:var(--paper)}.screen{min-height:100vh;padding:56px 28px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.back{position:absolute;top:24px;left:20px;width:44px;height:44px;border:none;background:none;font-size:26px;color:var(--ink);cursor:pointer}.title{font-size:25px;font-weight:800;line-height:1.4;margin-top:12px;letter-spacing:-.5px}.sub{font-size:15px;font-weight:400;color:var(--ink-soft);line-height:1.65;margin-top:14px}.landing{justify-content:center;background:linear-gradient(180deg,var(--cream) 0%,#FCF8F2 52%,var(--paper) 100%)}.brand{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:7px;margin-bottom:40px;padding-left:7px}.hero{font-size:31px;font-weight:800;line-height:1.5;letter-spacing:-.8px}.hero .hl{background:var(--ink);color:var(--paper);padding:1px 11px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lead{font-size:16px;font-weight:400;color:var(--ink-soft);line-height:1.7;margin-top:20px}.preview-row{display:flex;gap:13px;margin:44px 0}.mini-card{width:90px;height:134px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);font-weight:900;font-size:21px;color:var(--ink);box-shadow:0 10px 28px #1a10161a;letter-spacing:-.5px}.mini-card small{font-size:12px;font-weight:700;color:var(--ink-soft)}.mini-card.c1{background:var(--paper);transform:rotate(-6deg)}.mini-card.c2{background:var(--cream);transform:translateY(-10px)}.mini-card.c3{background:var(--paper);transform:rotate(6deg)}.cta{width:100%;padding:19px;background:var(--ink);color:var(--paper);font-family:inherit;font-size:18px;font-weight:800;border:none;border-radius:14px;cursor:pointer;box-shadow:0 10px 26px #1a101638;letter-spacing:-.3px}.cta:active{transform:scale(.98)}.privacy{font-size:12.5px;font-weight:400;color:var(--ink-faint);line-height:1.7;margin-top:24px}.chips{width:100%;display:flex;flex-direction:column;gap:13px;margin-top:36px}.chip{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--paper);border:1.5px solid var(--line);border-radius:16px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .12s,background .12s}.chip:active{border-color:var(--ink);background:var(--cream)}.chip-emoji{font-size:34px}.chip-label{font-size:20px;font-weight:800;letter-spacing:-.5px}.chip-desc{font-size:13px;font-weight:400;color:var(--ink-soft);margin-left:auto}.hint{font-size:13px;color:var(--ink-faint);margin-top:28px;line-height:1.6}.design-grid{display:flex;gap:13px;width:100%;margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:16px;cursor:grab}.design-grid.dragging{cursor:grabbing}.design-grid::-webkit-scrollbar{display:none}.design-card{flex:0 0 46%;min-width:0;scroll-snap-align:start;background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:12px 12px 16px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;transition:border-color .12s,background .12s}.design-card:active{border-color:var(--ink);background:var(--cream)}.design-thumb-wrap{position:relative;width:100%}.design-thumb{width:100%;border-radius:10px;display:block;box-shadow:0 6px 18px #1a10161f;overflow:hidden}.design-thumb svg{display:block;width:100%;height:auto}.design-badge{position:absolute;top:6px;right:6px;background:var(--ink);color:#f4d578;font-size:9.5px;font-weight:800;letter-spacing:1.4px;padding:4px 8px;border-radius:5px;box-shadow:0 2px 6px #00000040}.design-card.premium{border-color:var(--ink-faint)}.design-card.premium:active{border-color:var(--ink)}.design-name{font-size:16px;font-weight:800;margin-top:14px;letter-spacing:-.5px}.design-desc{font-size:12px;font-weight:400;color:var(--ink-soft);margin-top:5px;line-height:1.55}.dropzone{width:100%;margin-top:34px;padding:44px 20px;border:2px dashed var(--ink-faint);border-radius:18px;background:var(--cream);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:background .12s,border-color .12s}.dropzone:active{background:var(--cream-deep);border-color:var(--ink)}.dropzone input{display:none}.dz-icon{font-size:44px}.dz-main{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.dz-sub{font-size:13px;color:var(--ink-soft)}.error-msg{color:var(--ink);background:var(--cream-deep);font-size:14px;font-weight:600;margin-top:16px;padding:10px 16px;border-radius:10px}.guide-toggle{margin-top:26px;padding:12px 4px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink)}.guide{width:100%;margin-top:6px;background:var(--cream);border-radius:14px;padding:8px 20px 16px;text-align:left}.guide-block{padding:14px 0;border-bottom:1px solid var(--line)}.guide-block:last-child{border-bottom:none}.guide-os{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:8px}.guide-block ol{padding-left:20px}.guide-block li{font-size:13.5px;color:var(--ink-soft);line-height:1.9}.sample-link{margin-top:auto;padding-top:28px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--ink-faint);text-decoration:underline}.analyzing{justify-content:center}.spinner{width:54px;height:54px;border:4px solid var(--cream-deep);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:30px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#1a1a1a6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlay-in .18s ease-out}.loading-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 44px 32px;background:var(--cream, #fffaf2);border-radius:28px;box-shadow:0 18px 50px #00000040;max-width:80%;text-align:center}.loading-card .spinner{margin-bottom:22px}.loading-label{font-size:18px;font-weight:800;color:var(--ink);margin:0}.loading-sub{font-size:14px;font-weight:500;color:var(--ink);opacity:.55;margin:6px 0 0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.result{padding-left:0;padding-right:0}.result .title,.result .info{padding:0 28px}.info{font-size:14px;font-weight:600;color:var(--ink-soft);margin-top:10px}.card-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:28px;padding:28px 28px 8px;width:100%;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch}.card-track::-webkit-scrollbar{display:none}.result-card{flex:0 0 auto;scroll-snap-align:start;-webkit-user-select:none;user-select:none}.result-card svg{width:256px;height:455px;border-radius:16px;box-shadow:0 12px 32px #1a10162e;display:block;pointer-events:none}.carousel-ctl{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:10px}.arrow{width:46px;height:46px;border:1.5px solid var(--line);background:var(--paper);border-radius:50%;cursor:pointer;font-size:24px;font-weight:700;color:var(--ink);line-height:1;padding-bottom:3px}.arrow:disabled{opacity:.25;cursor:default}.arrow:not(:disabled):active{background:var(--cream);border-color:var(--ink)}.counter{font-size:14px;font-weight:700;color:var(--ink-soft);min-width:80px}.result-actions{display:flex;flex-direction:column;gap:10px;padding:24px 28px 0;width:100%}.save-btn,.restart-btn{width:100%;padding:17px;font-family:inherit;font-size:16px;font-weight:800;border-radius:13px;cursor:pointer;border:1.5px solid transparent;letter-spacing:-.3px}.save-btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.save-btn:not(:disabled):active{transform:scale(.98);opacity:.9}.save-btn:disabled{background:var(--cream-deep);color:var(--ink-faint);border-color:var(--cream-deep);cursor:default}.save-err{color:var(--ink);font-size:13px;font-weight:600}.share-nudge{font-size:12.5px;font-weight:500;color:var(--ink-soft);text-align:center;line-height:1.5;margin:2px 0 4px}.personal-chips{margin:16px 28px 0;padding:14px 16px;background:var(--cream);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.personal-chips-q{font-size:13.5px;font-weight:700;color:var(--ink);text-align:center;margin:0}.personal-chips-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.personal-chip{padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;cursor:pointer;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-chip:active{transform:scale(.97)}.personal-chip.active{border-color:var(--ink);background:var(--cream-deep)}.verdict-fb{margin:18px 28px 0;padding:16px 18px;background:var(--cream);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.verdict-fb-q{font-size:14px;font-weight:700;color:var(--ink);text-align:center}.verdict-fb-btns{display:flex;gap:10px}.verdict-fb-btn{padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;cursor:pointer}.verdict-fb-btn:active{border-color:var(--ink);background:var(--cream-deep);transform:scale(.97)}.verdict-fb-thanks{font-size:13.5px;font-weight:600;color:var(--ink-soft);text-align:center}.verdict-fb-note{font-size:11.5px;color:var(--ink-soft);text-align:center;margin:2px 0 0;opacity:.8}.restart-btn{background:var(--paper);color:var(--ink);border-color:var(--line)}.restart-btn:active{background:var(--cream);transform:scale(.98)}.support-link{margin-top:22px;padding:10px 18px;font-size:13px;font-weight:700;color:var(--ink-soft);text-decoration:none;border:1.5px solid var(--line);border-radius:999px}.support-link:active{border-color:var(--ink);color:var(--ink)}.beta-pill{align-self:center;margin-top:4px;padding:5px 12px;background:var(--cream-deep);color:var(--ink);font-size:11.5px;font-weight:800;letter-spacing:1px;border-radius:999px}.photo-stage{margin:30px auto 0;border-radius:20px;background:var(--cream);overflow:hidden;touch-action:none;box-shadow:0 8px 22px #1a101614}.photo-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--cream);border:2px dashed var(--ink-faint);border-radius:20px;font-family:inherit;cursor:pointer}.photo-empty:active{background:var(--cream-deep)}.photo-icon{font-size:44px}.photo-empty-main{font-size:17px;font-weight:800;color:var(--ink)}.photo-empty-sub{font-size:12.5px;color:var(--ink-soft)}.photo-zoom{width:100%;max-width:320px;margin:22px auto 0;display:flex;align-items:center;gap:12px}.photo-zoom-label{font-size:12px;font-weight:700;color:var(--ink-soft);letter-spacing:1px;min-width:30px}.photo-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--line);border-radius:2px;outline:none}.photo-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 2px 6px #1a10164d;cursor:pointer}.photo-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ink);border:none;box-shadow:0 2px 6px #1a10164d;cursor:pointer}.photo-hint{font-size:12.5px;color:var(--ink-soft);margin-top:12px}.photo-actions{width:100%;margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:10px;align-items:center}.link-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:underline}.photo-status{margin-top:16px;padding:12px 18px;background:var(--cream);color:var(--ink);font-size:13.5px;font-weight:700;border-radius:12px;text-align:center;line-height:1.5}.photo-err-box{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.ai-note{margin-top:14px;padding:0 8px;font-size:11.5px;color:var(--ink-faint);text-align:center;line-height:1.6}.toast{position:fixed;left:16px;right:16px;bottom:24px;z-index:50;max-width:460px;margin:0 auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#1a1a1aeb;color:#fff;border-radius:12px;box-shadow:0 8px 28px #00000047;font-size:14px;line-height:1.55;animation:toast-in .25s ease}.toast-msg{flex:1}.toast-close{flex-shrink:0;background:none;border:none;color:#ffffffb3;font-size:16px;line-height:1;cursor:pointer;padding:2px 4px}.toast-close:active{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inapp-banner{position:sticky;top:0;z-index:60;display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#2a2f45;color:#fff;font-size:12.5px;line-height:1.45}.inapp-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.inapp-banner-text strong{font-weight:800;font-size:13px}.inapp-banner-close{flex-shrink:0;background:none;border:none;color:#ffffffb3;font-size:15px;line-height:1;cursor:pointer;padding:2px 4px}.inapp-banner-close:active{color:#fff}.mask-toggle{display:inline-flex;align-items:center;gap:8px;margin:16px auto 0;font-size:13.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.mask-toggle input{width:17px;height:17px;accent-color:var(--ink);cursor:pointer}.quote-confirm{width:100%;padding:16px 18px;background:var(--cream);border:1.5px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:12px}.quote-confirm-q{font-size:14px;font-weight:600;color:var(--ink);line-height:1.5;text-align:center}.quote-confirm-btns{display:flex;gap:10px}.quote-confirm-btns .save-btn,.quote-confirm-btns .restart-btn{flex:1}