:root{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',"Malgun Gothic",system-ui,sans-serif;color:#fff7ed;background:#140b2c;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;min-height:100vh;background:radial-gradient(ellipse at 0 38%,#332362 0,transparent 43%),radial-gradient(ellipse at 100% 80%,#271256 0,transparent 44%),linear-gradient(180deg,#18081c,#190c40 55%,#0c173b);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #ffdb86;outline-offset:3px}.skyglow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(55px);opacity:.14}.skyglow-1{background:#ffb331;width:230px;height:230px;right:-95px;top:160px}.skyglow-2{background:#9642dc;width:300px;height:300px;left:-160px;bottom:80px}.shell{position:relative;max-width:570px;margin:auto;padding:0 20px env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px}header .brand{min-width:0;display:flex;flex-direction:column;gap:4px}.brand img{display:block;width:min(250px,74vw);height:auto}.brand span{font-size:10px;letter-spacing:2.8px;font-weight:800;color:#ffcc8c;padding-left:3px}.iconbtn{width:36px;height:36px;border-radius:50%;background:#38265d;color:white;border:1px solid #876b9b;font-weight:900}.page{display:none}.page.active{display:block;animation:appear .22s ease}@keyframes appear{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.lead{text-align:center;padding:14px 0 17px}.eyebrow{font-size:11px;color:#f9a767;letter-spacing:1.4px;font-weight:850}.lead h1{font-size:clamp(25px,7.2vw,34px);letter-spacing:-1.6px;margin:12px 0 8px}.lead h1 strong{color:#ffaa50}.lead p,.sub{font-size:13px;line-height:1.65;color:#cdbedc;margin:5px 0 13px}.stage{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:410px;padding:12px 0 0}.stagePhoto{position:relative;max-width:calc(100% - 80px);display:flex;justify-content:center;align-items:center}.stagePhoto img{max-width:100%;width:auto;display:block;max-height:440px;object-fit:contain;border-radius:9px;box-shadow:0 22px 52px #080516a6}.stagePhoto img.landscape{max-height:300px}.shapeBadge{position:absolute;right:5px;top:5px;font-size:10px;background:#110d2dda;border:1px solid #ffffff55;color:#ffcfaa;border-radius:14px;padding:4px 8px}.arrow{border:1px solid #ffffff43;background:#251443;color:#ffe2c2;border-radius:50%;font-size:27px;width:35px;height:35px;min-width:35px;line-height:32px;text-align:center;padding:0}.frameCaption{text-align:center;margin:13px 0 16px}.frameCaption>div:first-child{font-size:22px;font-weight:900}.frameCaption p{color:#c2b2da;font-size:12px;margin:6px 0 16px}.dots{display:flex;align-items:center;justify-content:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#66528a;transition:.2s}.dot.on{background:#ffd263;width:20px;border-radius:7px}.thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:6px 2px 16px;scrollbar-width:none}.thumbs::-webkit-scrollbar{display:none}.thumb{scroll-snap-align:center;flex-shrink:0;width:78px;padding:5px;border:2px solid #ffffff26;background:#ffffff12;border-radius:12px;color:#efe6ff;text-align:center}.thumb.active{border-color:#ffad53;background:#ffad5323}.thumb img{width:100%;height:87px;object-fit:contain}.thumb span{display:block;font-size:10px;font-weight:700;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary,.outline{border:0;border-radius:18px;width:100%;padding:18px 18px;font-weight:900;font-size:16px;line-height:1.3;text-align:center}.primary{background:linear-gradient(110deg,#f87629,#ffb044);color:#301533;box-shadow:0 9px 27px #ff7c363b}.primary span{float:right}.outline{background:#ffffff11;color:#ffdaab;border:1px solid #eaad7b72;margin-top:11px}.privacy{font-size:11px;line-height:1.55;color:#aca1c4;text-align:center;margin:15px 0}.installBox{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px;border-radius:18px;background:#ffffff0c;border:1px solid #ffffff1d;margin:22px 0}.installBox strong{font-size:13px}.installBox p{font-size:11px;line-height:1.5;color:#c7b9dc;margin:4px 0 0}.mini{flex:none;background:#34214f;border:1px solid #a076b5;color:#f6d8fc;padding:9px 12px;border-radius:11px;font-size:11px;font-weight:800}footer{margin:31px auto 23px;text-align:center;color:#ffac72;font-size:11px;line-height:1.8;font-weight:800;letter-spacing:.8px}footer span{font-size:10px;color:#7e77a0;font-weight:400;letter-spacing:0}.topline{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.back{background:transparent;border:0;color:#d6c2ed;padding:7px 0;font-size:12px;font-weight:800}.count{color:#ffb563;font-size:12px;font-weight:800}h2{font-size:24px;margin:14px 0 4px;letter-spacing:-.9px}.editFrame,.resultFrame{display:flex;justify-content:center;align-items:center;width:100%;background:#ffffff08;border-radius:19px;min-height:270px;padding:12px 7px;margin:13px 0 16px;overflow:hidden}.editFrame canvas,.resultFrame canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(62dvh,590px);border-radius:10px;box-shadow:0 8px 22px #0008;object-fit:contain;aspect-ratio:var(--frameAspect, 9/16)}.editFrame canvas{touch-action:none;cursor:grab}.editFrame canvas:active{cursor:grabbing}.editingPanel{border-radius:20px;background:#2a1d4b;border:1px solid #6947787d;padding:17px 14px;margin-bottom:17px}.editingHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.editingHead strong{font-size:14px}.editingHead span{color:#c8b5dc;font-size:11px}.slotTabs{display:flex;gap:8px;margin:14px 0}.slotBtn{flex:1;background:#473466;border:1px solid #806b9d;color:#eee3fd;border-radius:11px;padding:11px 6px;font-size:11px;font-weight:800}.slotBtn.selected{background:#ffb557;color:#35122c;border-color:#ffb557}.slotBtn.filled:not(.selected){background:#2f5b4c;border-color:#76ce9e}.actions{display:flex;gap:9px}.secondary{flex:1;border:1px solid #b07b9b;border-radius:12px;background:#493158;color:#fff2f7;padding:13px 8px;font-size:12px;font-weight:800}.adjust{display:flex;gap:9px;align-items:center;margin-top:17px}.adjust button{flex:none;border:1px solid #796387;background:#3b2a5b;color:#fff;border-radius:9px;height:35px;padding:0 12px;font-size:19px}.adjust .reset{font-size:10px;font-weight:700;padding:0 10px}.adjust input{min-width:0;width:100%;accent-color:#ffad52}#resultCanvas{max-height:65dvh}.linkButton{display:block;margin:18px auto;border:0;background:none;color:#d7c6ec;font-size:13px;text-decoration:underline}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(20px);background:#fff0d2;color:#321c20;font-size:13px;font-weight:750;padding:12px 19px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30;max-width:90vw;white-space:normal;text-align:center;box-shadow:0 10px 25px #0007}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal{position:fixed;z-index:10;inset:0;background:#080818cf;display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.dialogCard{position:relative;background:#fffaf2;border-radius:24px;padding:24px 23px;color:#2b2045;max-width:400px;width:100%;box-shadow:0 18px 55px #0009}.closeDialog{position:absolute;top:13px;right:15px;background:none;border:0;color:#6c5774;font-size:20px}.dialogIcon{font-size:36px}.dialogCard h2{margin:10px 0 18px}.guide p{font-size:13px;line-height:1.85}.guide b{color:#e76820}.guideFoot{font-size:11px;line-height:1.7;color:#70667b;margin-bottom:20px}.guide #nativeInstall{display:block;border:0;background:#f87933;color:#fff;padding:10px;border-radius:10px;margin-top:10px}.dialogCard .primary{color:#382431}@media(min-width:650px){.stage{min-height:420px}.shell{padding-left:30px;padding-right:30px}}@media(max-width:365px){.stagePhoto img{max-height:390px}.stage{min-height:360px}.shell{padding:0 14px}.slotBtn{font-size:10px;padding:10px 3px}}
