body[data-font="suit"]{--font-ui:SUIT}body[data-font="pretendard"]{--font-ui:"Pretendard Variable"}body[data-font="wanted"]{--font-ui:"Wanted Sans Variable"}body[data-font="gmarket"]{--font-ui:"Gmarket Sans"}body[data-font="paperlogy"]{--font-ui:Paperlogy}
body[data-step="1"] .world-photo{opacity:.42;object-position:76% center}
body[data-step="1"] .world-shade{background:linear-gradient(0deg,#111113ed,#11111386 65%,#111113a8)}
body[data-step="1"] .experience{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:112px 5% 40px}
.top-controls{left:0;right:0;top:0;padding:24px 4%}
.wordmark{font-size:clamp(30px,3vw,44px);font-weight:900;letter-spacing:-.075em}
.launch-panel{width:100%;max-width:1180px;margin:0 auto}
.maker-title{text-align:center;font:850 clamp(31px,3.6vw,52px)/1.3 var(--font-ui,SUIT),sans-serif;letter-spacing:-.055em;margin:0 0 38px;word-break:keep-all;text-wrap:balance;color:#f5f1ec}
.maker-title span{font-weight:900;color:#fff7ee}
.make-steps{display:flex;justify-content:center;align-items:center;gap:clamp(24px,5vw,68px);margin:0 0 30px}
.make-steps button{display:flex;align-items:center;gap:10px;padding:8px 0;color:#afa7a0;font-size:clamp(23px,2.5vw,32px);font-weight:800;letter-spacing:-.05em;white-space:nowrap;opacity:1}
.make-steps button>span{font:800 .8em/1 Geist,SUIT,sans-serif;width:1.4em;text-align:center}
.make-steps button[aria-current="step"]{color:#fff}
.make-steps button[aria-current="step"]>span{color:#ff8977}
.make-steps button:disabled{cursor:default;color:#8d8581;opacity:.6}
.launch-panel .composer{max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--paper)}
.word-stage{max-width:1000px;margin:auto}
.word-inputs,.ai-composer{border:1px solid #ffffff24;border-radius:26px;background:#202123ed;box-shadow:0 26px 100px #0003;backdrop-filter:blur(20px)}
.word-inputs{padding:32px 34px 24px}
.sign-lines{display:grid;gap:14px;min-width:0}
.sign-line{display:flex;align-items:center;min-width:0;gap:24px;min-height:95px}
.sign-line input{display:block;flex:1;min-width:0;width:100%;height:1.22em;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f5f1ec;font:900 clamp(38px,7vw,76px)/1.22 var(--font-ui,SUIT),sans-serif;letter-spacing:-.05em;caret-color:#ff8977}
.sign-line input:focus{outline:0}
.sign-line input::placeholder{color:#9e9da1;opacity:1}
.sign-line .line-size{flex:0 0 80px;min-height:54px;padding:10px 12px;border-radius:12px;font-size:23px;font-weight:750;white-space:nowrap;background:#ffffff0c;color:#ded9d4}
.line-size:hover{background:#ffffff1f}
.word-tools{display:flex;align-items:center;gap:12px;margin-top:22px}
.launch-panel .inline-choice,.launch-panel #space-open{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;margin:0;min-height:58px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff04;color:#e8e4df;font:750 24px/1.2 var(--font-ui,SUIT),sans-serif;letter-spacing:-.035em;white-space:nowrap}
.launch-panel .inline-choice:hover{background:#ffffff0d}
.launch-panel #space-open>span:last-child{font:inherit;margin:0}
.launch-panel .symbol-open{font-size:34px;min-width:58px;padding:8px 14px}
.stage-next{display:block;width:100%;min-height:92px;margin-top:20px;padding:20px 30px;border-radius:16px;background:#f2eee8;color:#171719;font:900 clamp(32px,4vw,46px)/1.15 var(--font-ui,SUIT),sans-serif;letter-spacing:-.05em}
.stage-next:hover{background:#fff}
#wizard-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 30px;max-width:1100px;margin:auto}
#wizard-palette>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px;min-height:132px;border-radius:18px;background:#161719b3;color:#efebe5;font-size:24px;font-weight:800;letter-spacing:-.04em}
#wizard-palette>button i{width:clamp(70px,10vh,112px);height:clamp(70px,10vh,112px);border-radius:50%;background:var(--chip);box-shadow:0 0 40px color-mix(in srgb,var(--chip),transparent 88%);transition:transform .2s,box-shadow .2s}
#wizard-palette>button:hover i{transform:scale(1.08);box-shadow:0 0 45px color-mix(in srgb,var(--chip),transparent 70%)}
#wizard-palette>button svg{position:absolute;top:calc(12px + clamp(70px,10vh,112px)/2 - 15px);left:calc(50% - 15px);width:30px;height:30px;fill:none;stroke:#161719;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
#wizard-palette>button[aria-pressed="true"] svg{opacity:1}
.ai-composer{padding:28px}
.prompt-entry{position:relative;display:flex;align-items:flex-start;gap:18px;min-width:0;min-height:170px}
.launch-panel #extra-prompt{display:block;flex:1;min-width:0;width:100%;height:165px;min-height:165px;max-height:340px;padding:4px 0 24px;margin:0;border:0;border-radius:0;background:transparent;color:#f4f0eb;font:650 clamp(24px,2.6vw,32px)/1.5 var(--font-ui,SUIT),sans-serif;letter-spacing:-.035em;resize:vertical;outline:0}
.launch-panel #extra-prompt::placeholder{color:#a6a5aa;opacity:1}
.launch-panel .tab-hint{display:flex;align-self:flex-start;padding:8px 0;margin:0;color:#aaa8ae}
.launch-panel .tab-hint kbd{padding:7px 10px;border:1px solid #ffffff1c;border-radius:7px;background:#ffffff05;font:650 16px SUIT,sans-serif}
.prompt-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:10px}
.composer-choices{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}
.launch-panel .inline-choice i{display:block;width:28px;height:28px;flex-shrink:0;border-radius:50%}
.launch-panel .launch-button{display:flex;align-items:center;justify-content:center;gap:25px;flex:0 1 auto;width:auto;min-width:0;min-height:78px;margin:0;padding:18px 28px;border-radius:14px;background:#d9ff6a;color:#161b0a;box-shadow:none;font:900 clamp(28px,3vw,40px)/1.2 var(--font-ui,SUIT),sans-serif;letter-spacing:-.055em;white-space:nowrap;transition:background .18s}
.launch-panel .launch-button>span{font:inherit}
.launch-panel .launch-button .credit-cost{font:850 clamp(25px,2.5vw,34px)/1.2 var(--font-ui,SUIT),sans-serif;letter-spacing:-.055em}
.launch-panel .launch-button:hover{background:#e5ff9b;transform:none}
.launch-panel .launch-button:active{background:#c7ef55}
.launch-panel .suggestions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;max-width:none;margin:18px 0 0;padding:0 4px}
.launch-panel .suggestions button{padding:11px 18px;border:0;border-radius:30px;background:#ffffff0b;color:#d6d1ca;font-size:clamp(16px,1.8vw,21px);font-weight:700;letter-spacing:-.035em}
.launch-panel .suggestions button:hover{background:#ffffff18}
.launch-panel .field-status:not(:empty){max-width:none;font-size:20px;margin:20px 0 0}
.symbols-dialog .symbols{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.symbols-dialog .symbols button{font-size:clamp(45px,7vw,90px);min-height:120px;border-radius:14px}
.creating h2{font-size:clamp(36px,6vw,80px);font-weight:900}
body[data-editor-step="2"][data-step="1"] .experience{padding-top:102px;padding-bottom:28px}
body[data-editor-step="2"] .maker-title{margin-bottom:16px}
body[data-editor-step="2"] .make-steps{margin-bottom:15px}
@media(max-width:1000px){.prompt-bottom{flex-wrap:wrap}.launch-panel .launch-button{width:100%;justify-content:space-between;margin-top:4px}.ai-composer{padding:26px}.prompt-entry{min-height:150px}.launch-panel #extra-prompt{height:145px;min-height:145px}}
@media(max-width:700px){
 .top-controls{padding:18px 20px}.wordmark{font-size:31px}
 body[data-step="1"] .experience{padding:108px 20px 32px;align-items:center}
 .maker-title{font-size:31px;line-height:1.35;margin-bottom:28px}
 .make-steps{gap:24px;margin-bottom:24px}.make-steps button{font-size:22px;gap:7px}.make-steps button>span{width:auto}
 .word-inputs{padding:24px 22px 20px;border-radius:22px}.sign-lines{gap:12px}.sign-line{gap:14px;min-height:70px}.sign-line .line-size{flex-basis:58px;min-height:46px;padding:8px;font-size:18px}
 .word-tools{margin-top:20px;gap:10px}.launch-panel .inline-choice,.launch-panel #space-open{font-size:21px;min-height:52px;padding:10px 14px}.launch-panel .symbol-open{font-size:29px;min-width:52px}
 .stage-next{margin-top:16px;min-height:84px;font-size:34px;border-radius:15px}
 #wizard-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #wizard-palette>button{font-size:20px;min-height:112px;gap:9px;padding:11px 5px;border-radius:15px}
 #wizard-palette>button i{width:66px;height:66px}
 #wizard-palette>button svg{top:29px;width:28px;height:28px;left:calc(50% - 14px)}
 .ai-composer{padding:22px;border-radius:22px}.prompt-entry{min-height:170px;gap:8px}.launch-panel #extra-prompt{font-size:24px;height:165px;min-height:165px}.launch-panel .tab-hint{display:flex}.launch-panel .tab-hint kbd{font-size:13px;padding:6px 7px}
 .prompt-bottom{gap:16px;margin-top:12px}.composer-choices{gap:8px}.launch-panel .inline-choice i{width:25px;height:25px}
 .launch-panel .launch-button{min-height:80px;padding:20px 18px;font-size:30px;gap:12px;border-radius:12px}.launch-panel .launch-button .credit-cost{font-size:25px}
 .launch-panel .suggestions{gap:8px;margin-top:16px;padding:0}.launch-panel .suggestions button{font-size:16px;padding:10px 13px}
 .symbols-dialog .symbols{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.symbols-dialog .symbols button{min-height:90px;font-size:60px}
 body[data-editor-step="2"][data-step="1"] .experience{padding-top:96px}.color-stage{margin-top:0}
}
@media(max-width:390px){body[data-step="1"] .experience{padding-right:16px;padding-left:16px}.maker-title{font-size:29px}.make-steps{gap:20px}.make-steps button{font-size:21px}.word-inputs,.ai-composer{padding:20px 18px}.sign-line{gap:10px}.launch-panel .launch-button{font-size:27px;padding:20px 15px}.launch-panel .launch-button .credit-cost{font-size:23px}.launch-panel .inline-choice,.launch-panel #space-open{font-size:20px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.launch-panel .launch-button,#wizard-palette>button i{transition:none}}

.make-steps{gap:20px;min-height:68px;margin-bottom:30px}
.make-steps button{font-size:23px;color:#b3aba5;font-weight:750;transition:color .2s,font-size .2s}
.make-steps button[aria-current="step"]{font-size:46px;font-weight:900;color:#fff}
.make-steps button>span{font-size:.74em;width:auto}
.make-steps button:disabled{color:#a39c96;opacity:.8}
.step-line{display:block;flex:0 1 84px;height:1px;min-width:24px;background:#d9cfc644}
@media(max-width:700px){.make-steps{gap:10px;min-height:48px;margin-bottom:24px}.make-steps button{font-size:17px;gap:5px}.make-steps button[aria-current="step"]{font-size:29px}.step-line{flex-basis:28px;min-width:12px}}
@media(max-width:390px){.make-steps{gap:8px}.make-steps button{font-size:16px}.make-steps button[aria-current="step"]{font-size:27px}.step-line{flex-basis:20px;min-width:10px}}
@media(prefers-reduced-motion:reduce){.make-steps button{transition:none}}

.maker-title{font-size:26px;font-weight:650;margin-bottom:24px;letter-spacing:-.035em}
.maker-title span{font-weight:800}
.sign-line input{font-family:var(--font-sign);font-weight:var(--sign-weight,800)}
@media(max-width:700px){.maker-title{font-size:21px;margin-bottom:22px}}
@media(max-width:390px){.maker-title{font-size:20px}}