@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--cream:#fffaf2;--paper:#fff;--ink:#18233b;--muted:#6d7687;--orange:#ff7048;--yellow:#ffd659;--blue:#5c7cfa;--mint:#54c5a6;--line:#e9e4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans","Noto Sans KR",sans-serif}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.nav{height:80px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.brand>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:var(--orange);color:#fff;font-size:20px;font-weight:700}.brand b{font-size:20px;letter-spacing:-.05em}.nav nav{display:flex;gap:30px;margin-left:70px}.nav nav a{color:var(--muted);text-decoration:none;font-size:13px}.nav nav a:hover{color:var(--orange)}.engine{margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:11px;color:var(--muted)}.engine i{width:7px;height:7px;border-radius:50%;background:#e8a84b}.engine.ready i{background:var(--mint);box-shadow:0 0 0 4px #54c5a61c}.hero{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{margin:0;color:var(--orange);font-size:11px;letter-spacing:.18em;font-weight:700}.hero h1{margin:18px 0 24px;font-size:clamp(54px,6.7vw,86px);line-height:1.06;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:var(--orange)}.lead{max-width:590px;color:var(--muted);font-size:16px;line-height:1.8;word-break:keep-all}.hero-link{display:inline-flex;gap:18px;align-items:center;margin-top:20px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-link span{color:var(--orange)}.hero-art{position:relative;height:450px;display:grid;place-items:center}.blob{position:relative;width:310px;height:340px;border-radius:46% 54% 48% 52%/56% 45% 55% 44%;display:grid;place-items:center;background:linear-gradient(145deg,#ffb86b,var(--orange));box-shadow:24px 26px 0 var(--yellow),-28px -25px 0 #dbe3ff;transform:rotate(-4deg)}.blob:before,.blob:after{content:"";position:absolute;width:48px;height:74px;border-radius:50%;background:var(--ink);top:90px}.blob:before{left:61px;transform:rotate(12deg)}.blob:after{right:61px;transform:rotate(-12deg)}.face{position:relative;z-index:2;margin-top:80px;font-size:44px;color:var(--ink);transform:rotate(4deg)}.tag{position:absolute;padding:10px 13px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 25px #23304b16;font-size:9px;font-weight:700;letter-spacing:.12em}.tag-a{left:3%;top:22%;transform:rotate(-7deg)}.tag-b{right:-1%;top:39%;transform:rotate(6deg);background:var(--ink);color:#fff;border-color:var(--ink)}.tag-c{left:7%;bottom:15%;background:#dcf7ed}.star{position:absolute;right:11%;top:10%;font-style:normal;font-size:46px;color:var(--blue);animation:spin 9s linear infinite}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:32px 0 70px}.steps>div{display:grid;grid-template-columns:38px 1fr;padding:10px 36px 10px 0}.steps>div+div{border-left:1px solid var(--line);padding-left:36px}.steps span{grid-row:1/3;color:var(--orange);font-size:11px;font-weight:700}.steps b{font-size:14px}.steps p{margin:6px 0 0;color:var(--muted);font-size:11px}.studio-wrap{padding:85px 0 95px;background:#eef2ff;border-radius:56px 56px 0 0}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.studio-heading h2{margin:10px 0 0;font-size:42px;letter-spacing:-.05em}.studio-heading>p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;text-align:right}.workspace{display:grid;grid-template-columns:410px 1fr;gap:20px}.card{background:#fff;border:1px solid #e0e6f5;border-radius:24px;padding:24px;box-shadow:0 18px 50px #3e579713}.card header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0e9;color:var(--orange);font-size:12px;font-weight:700}.number.blue{background:#edf0ff;color:var(--blue)}.card header div{display:grid;gap:2px}.card header p,.card header h3{margin:0}.card header p{font-size:8px;letter-spacing:.15em;color:var(--muted)}.card header h3{font-size:17px}.engine-label{margin-left:auto;padding:7px 9px;border-radius:8px;background:#eefbf6;color:var(--mint);font-size:8px;font-weight:700;letter-spacing:.1em}.drop{height:350px;display:grid;place-items:center;overflow:hidden;border:1.5px dashed #cdd5e5;border-radius:18px;background:#fafbfe;cursor:pointer;transition:.2s}.drop:hover,.drop.drag{border-color:var(--orange);background:#fffaf7}.drop img{display:none;width:100%;height:100%;object-fit:contain}.drop.selected img{display:block}.drop.selected #dropHint{display:none}#dropHint{display:grid;place-items:center;text-align:center;gap:9px}.upload-symbol{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff0e9;color:var(--orange);font-size:30px}#dropHint b{font-size:13px}#dropHint small{color:var(--muted);font-size:10px;line-height:1.6}.upload-card button{width:100%;height:62px;margin-top:18px;padding:0 22px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;font:inherit;cursor:pointer}.upload-card button span{font-size:13px;font-weight:700}.upload-card button b{font-size:20px;color:var(--yellow)}.upload-card button:disabled{opacity:.28;cursor:not-allowed}.result-card{min-height:565px;display:flex;flex-direction:column}.viewer{position:relative;flex:1;min-height:470px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#f9faff,#eef1fa)}.viewer-floor{position:absolute;left:10%;right:10%;bottom:15%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#b9c4df40,transparent 68%)}.state{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;padding:25px}.state[hidden],.complete[hidden]{display:none}.state h3{font-size:16px;margin:18px 0 5px}.state p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.mini-character{position:relative;width:92px;height:105px;border-radius:45% 45% 40% 40%;background:var(--yellow);display:grid;place-items:center;box-shadow:12px 12px 0 #d9e0f5}.mini-character:before{content:"";position:absolute;top:-30px;width:67px;height:67px;border-radius:50%;background:var(--orange)}.mini-character i:before,.mini-character i:after{content:"";position:absolute;top:-5px;width:7px;height:12px;border-radius:50%;background:var(--ink);z-index:2}.mini-character i:before{left:34px}.mini-character i:after{right:34px}.mini-character span{position:relative;z-index:2;margin-top:30px;font-weight:700}.loader{height:55px;display:flex;gap:7px;align-items:center}.loader i{width:9px;height:30%;border-radius:9px;background:var(--orange);animation:bars 1s infinite}.loader i:nth-child(2){height:100%;background:var(--yellow);animation-delay:.15s}.loader i:nth-child(3){height:60%;background:var(--blue);animation-delay:.3s}.progress{width:min(330px,75%);height:5px;background:#dde3f1;border-radius:9px;margin:22px 0 12px;overflow:hidden}.progress i{display:block;width:30%;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--orange),var(--yellow));animation:move 1.5s infinite}.state>small{font-size:9px;color:#9099aa}.complete{position:absolute;inset:0;display:flex;flex-direction:column;padding:10px}.complete model-viewer{width:100%;flex:1;min-height:390px;background:transparent}.downloads{display:flex;gap:8px;flex-wrap:wrap;padding:10px;z-index:2}.downloads a{padding:10px 12px;border-radius:9px;background:#fff;border:1px solid #dfe4f0;color:var(--ink);font-size:9px;text-decoration:none}.downloads a:hover{border-color:var(--orange);color:var(--orange)}.error strong{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff0f0;color:#df596a;font-size:21px}footer{height:110px;display:flex;align-items:center}footer p{margin-left:38px;color:var(--muted);font-size:12px}footer>small{margin-left:auto;color:#a1a8b4;font-size:8px;letter-spacing:.14em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{50%{height:100%}}@keyframes move{50%{transform:translateX(230%)}}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:65px 0}.hero-art{display:none}.steps{grid-template-columns:1fr;padding-bottom:55px}.steps>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.workspace{grid-template-columns:1fr}.result-card{min-height:590px}}@media(max-width:560px){.wrap{width:calc(100% - 28px)}.nav{height:70px}.engine span{display:none}.hero{min-height:auto;padding:50px 0}.hero h1{font-size:45px}.lead{font-size:14px}.studio-wrap{padding:58px 0;border-radius:32px 32px 0 0}.studio-heading{display:block}.studio-heading h2{font-size:34px}.studio-heading>p{margin-top:12px;text-align:left}.card{padding:16px;border-radius:18px}.drop{height:310px}.viewer{min-height:470px}footer p{display:none}}