:root{color:#40382f;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#40382f;--muted:#81786b;--orange:#cf542f;--line:#eae4db;background:#fbf8f2;font-family:ui-rounded,SF Pro Rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.55;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible{outline-offset:5px;outline:3px solid #79639c}a:focus-visible{outline-offset:5px;outline:3px solid #79639c}button{transition:background .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}.app-shell{max-width:1320px;margin:0 auto;padding:0 54px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand img{border-radius:14px;box-shadow:0 3px #e3d0bd}.brand-name{letter-spacing:2px;align-items:baseline;gap:8px;font-size:25px;font-weight:850;display:flex}.brand-en{letter-spacing:-1px;color:#a19584;font-size:17px;font-weight:650}.header-tag{letter-spacing:3px;color:#8a7b68;margin-right:53px;font-size:12px}.help-button{color:#70685d;background:0 0;align-items:center;gap:7px;min-height:44px;padding:0 6px;font-size:13px;display:flex}.help-button:hover{color:var(--orange)}.intro{padding:42px 0 34px}.eyebrow{color:#907857;letter-spacing:2.3px;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.tiny-spark{color:#c68f52;font-size:17px;line-height:1}h1{letter-spacing:-1.4px;margin:15px 0;font-size:clamp(28px,3.1vw,39px);font-weight:750;line-height:1.5}h1>span{color:var(--orange);display:inline-block;position:relative}h1 svg{fill:none;stroke:#e9bd85;stroke-width:5px;stroke-linecap:round;width:100%;height:14px;position:absolute;bottom:-5px;left:0}.intro>p{color:#8a7d6d;letter-spacing:.5px;margin:0;font-size:14px}.playground{grid-template-columns:minmax(0,1fr) 322px;align-items:stretch;gap:31px;display:grid}.stage-card{--stage:#f7ebdb;--stage-light:#fff9ec;background:var(--stage);border:1px solid #ece1d0;border-radius:25px;flex-direction:column;min-width:0;transition:background .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #f0eade}.stage-card.theme-frog{--stage:#edf2e4;--stage-light:#f7fbe9;border-color:#dde6d2}.stage-card.theme-image{--stage:#eeedf5;--stage-light:#f8f6fd;border-color:#e2dfed}.stage-topline{z-index:1;justify-content:space-between;align-items:center;padding:22px 25px 0;display:flex}.stage-title{letter-spacing:1px;color:#877966;align-items:center;gap:8px;font-size:11px;display:flex}.stage-marker{background:#baa487;width:6px;height:6px;transform:rotate(45deg)}.status-pill{color:#7e7263;background:#fffcf5c4;border:1px solid #ffffff80;border-radius:20px;align-items:center;gap:6px;min-height:29px;padding:4px 10px;font-size:10px;display:flex}.status-pill i{background:#ad9c80;border-radius:50%;width:5px;height:5px}.status-pill.is-live{color:#416745;background:#f2faed}.status-pill.is-live i{background:#5b8d53;box-shadow:0 0 0 3px #dfeeda}.stage-world{isolation:isolate;flex:1;justify-content:center;align-items:center;height:391px;min-height:365px;display:flex;position:relative}.orbit{pointer-events:none;z-index:-1;border:1px solid #fff9;border-radius:50%;position:absolute}.orbit-one{background:radial-gradient(ellipse,var(--stage-light),transparent 71%);width:342px;height:342px;top:23px}.orbit-two{border-color:#fff5;width:428px;height:428px;top:-21px}.doodle{pointer-events:none;fill:none;stroke-width:2.2px;stroke-linecap:round;position:absolute}.doodle-star{stroke:#c0a078;width:33px;height:33px;top:65px;right:18%;transform:rotate(9deg)}.doodle-loops{stroke:#c9b295;width:46px;height:34px;bottom:108px;left:12%;transform:rotate(-16deg)}.hello-label{color:#8d775e;z-index:2;pointer-events:none;background:#fffaf2;border:1px solid #dfd1bc;border-radius:13px 13px 2px;padding:9px 14px;font-size:11px;position:absolute;top:40px;left:14%;transform:rotate(-8deg);box-shadow:0 3px #e8dbc768}.avatar-play-button{z-index:1;filter:drop-shadow(0 12px 8px #9e673114);background:0 0;border-radius:45%;width:350px;height:350px;padding:0;position:absolute;top:8px}.avatar-play-button:hover{filter:drop-shadow(0 14px 8px #9e673122)}.avatar-svg{width:100%;height:100%;display:block;overflow:visible}.avatar-shadow{filter:blur(5px);pointer-events:none;background:#9e73431a;border-radius:50%;width:146px;height:16px;position:absolute;top:302px}.character-caption{text-align:center;pointer-events:none;position:absolute;bottom:14px;left:0;right:0}.character-caption h2{letter-spacing:2px;margin:0 0 7px;font-size:19px;font-weight:750}.character-caption p{letter-spacing:1px;color:#927f68;margin:0;font-size:11px}.camera-controls{z-index:2;flex-direction:column;align-items:center;gap:12px;padding:14px 24px 22px;display:flex}.camera-button{color:#fffdf5;background:#d75f39;border-radius:15px;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:13px 24px;font-size:14px;font-weight:650;display:flex;box-shadow:0 4px #b64b2c,0 7px 16px #c86c3521}.camera-button:hover{background:#c4512e}.camera-button.is-on{color:#765842;background:#fffaf1;border:1px solid #dfcfb6;box-shadow:0 3px #d7c5ac}.camera-note{color:#8b7963;text-align:center;max-width:470px;min-height:20px;margin:0;font-size:11px;line-height:1.8}.error-text{color:#9f3a2d}.play-panel{flex-direction:column;min-width:0;padding:3px 0 0;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin:0 0 18px;display:flex}.section-heading>div{align-items:center;gap:9px;display:flex}.section-heading h2{letter-spacing:.5px;margin:0;font-size:15px;font-weight:700}.step-number{color:#a8967f;background:#f0e9df;border-radius:5px;padding:4px;font-family:ui-monospace,monospace;font-size:10px}.small-label{color:#887e6d;font-size:10px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px;max-height:264px;margin:-4px;padding:4px;display:grid;overflow-y:auto}.character-tile{background:0 0;border-radius:17px;flex-direction:column;align-items:center;min-width:0;padding:0;display:flex;position:relative}.character-thumb{aspect-ratio:1;border:2px solid #0000;border-radius:18px;width:100%;max-height:97px;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.character-thumb .avatar-svg{transform:scale(1.07)}.character-tile:hover .character-thumb{box-shadow:0 0 0 3px #ece4d8}.character-tile.is-selected .character-thumb{border-color:#d47551;box-shadow:0 0 0 3px #f1e0ce}.selection-check{color:#fff;background:#c65d3d;border:2px solid #fbf8f2;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;bottom:-5px;right:-5px}.character-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:10px;font-size:12px;font-weight:650;overflow:hidden}.character-kind{color:#8b8071;margin-top:4px;font-size:9px}.upload-button{text-align:left;background:#f7f3ec;border:1px dashed #d6c9b7;border-radius:13px;align-items:center;gap:11px;width:100%;min-height:70px;margin-top:20px;padding:13px 11px;display:flex}.upload-button:hover{background:#f1eadf;border-color:#b59e7e}.upload-icon{color:#9a805c;background:#ece5d8;border-radius:10px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.upload-button>span:nth-child(2){flex:1;min-width:0}.upload-button strong{font-size:12px;font-weight:600;display:block}.upload-button small{color:#867966;margin-top:5px;font-size:9px;display:block}.upload-button>svg{color:#9c8f7b}.upload-hint{text-align:center;color:#8a7d6b;margin:9px 0 0;font-size:9px}.expression-section{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.expression-section .section-heading{margin-bottom:9px}.section-description{color:#877b69;margin:0 0 15px;font-size:11px}.expression-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.expression-button{color:#8d785b;background:#fffcf7;border:1px solid #e7dfd3;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:83px;display:flex}.expression-button strong{color:#6c604e;font-size:11px;font-weight:500}.expression-button:hover,.expression-button.is-active{color:#bc713b;background:#fae8d4;border-color:#d8ad7d}.bubble-button{color:#716385;background:#ebe8f3;border:1px solid #e0dbea;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:12px;font-size:12px;display:flex}.bubble-button:hover{background:#e1dbed}.bubble-button-dot{border:1px solid #a396ba;border-radius:50%;width:7px;height:7px;margin-left:8px}.little-tip{align-items:flex-start;gap:10px;margin-top:23px;display:flex}.tip-icon{color:#b49a6b;padding-top:2px}.little-tip p{color:#8c7d69;margin:0;font-size:10px;line-height:1.9}.little-tip strong{color:#82725d;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.privacy-line{color:#8a806f;justify-content:center;align-items:center;gap:11px;margin:26px 0 35px;font-size:10px;display:flex}.privacy-line svg{color:#859373}.privacy-line i{background:#b6aa97;border-radius:50%;width:2px;height:2px}.site-footer{border-top:1px solid var(--line);color:#9a8e7b;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:23px 0 26px;font-size:10px;display:flex}.site-footer>span:last-child{letter-spacing:1.4px;font-size:8px}.footer-dot{padding:0 6px}.camera-feed{object-fit:cover;z-index:3;opacity:0;pointer-events:none;border:3px solid #fffc;border-radius:12px;width:86px;height:105px;position:absolute;bottom:12px;left:15px;transform:scaleX(-1)}.camera-feed.is-visible{opacity:1}.preview-toggle{color:#816f58;z-index:4;background:#fff9;border-radius:10px;align-items:center;gap:5px;min-height:44px;padding:10px;font-size:10px;display:flex;position:absolute;bottom:14px;right:15px}.custom-avatar{transform-origin:50%;place-items:center;width:100%;height:100%;padding:58px 40px 55px;display:grid}.custom-avatar img{object-fit:contain;filter:drop-shadow(0 5px 3px #62523816);width:100%;min-width:0;height:100%;min-height:0}.character-thumb .custom-avatar{padding:9px}.custom-note{color:#786987;background:#f0edf7;border-radius:10px;margin-top:12px;padding:10px;font-size:10px}.custom-note p{margin:0 0 5px;line-height:1.7}.custom-note button{color:#9e463c;background:0 0;align-items:center;gap:5px;min-height:44px;padding:5px 0;font-size:10px;display:flex}.notice{color:#805d35;background:#fff3df;border:1px solid #e8d7b6;border-radius:10px;align-items:flex-start;gap:5px;margin-top:12px;padding:10px 5px 10px 12px;font-size:11px;line-height:1.8;display:flex}.notice span{flex:1}.notice button{background:0 0;place-items:center;min-width:44px;min-height:44px;margin-top:-8px;display:grid}.bubble-burst{pointer-events:none;z-index:4;position:absolute;top:62%;left:50%}.bubble-burst>span{width:var(--size);height:var(--size);border:1.5px solid hsl(var(--hue) 50% 73%);background:radial-gradient(circle at 27% 25%,#fffd 0 10%,transparent 17%),linear-gradient(140deg,#ffffff65,hsl(var(--hue) 60% 85% / .3));animation:bubble-pop 1.8s var(--delay) ease-out both;border-radius:50%;position:absolute;top:0;left:0}.help-dialog{width:calc(100% - 32px);max-width:490px;color:var(--ink);background:#fffcf5;border:1px solid #e5dccb;border-radius:24px;max-height:85dvh;padding:28px;overflow-y:auto;box-shadow:0 30px 120px #493d3730}.help-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#403a3459}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.icon-button{background:#f1ece3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.help-dialog h2{margin:10px 0 25px;font-size:25px}.help-dialog ol{padding-left:22px}.help-dialog li{color:#b87547;margin-bottom:18px;padding-left:6px;font-weight:700}.help-dialog li strong{color:#5a493b;font-size:14px}.help-dialog li p{color:#83735f;margin:6px 0;font-size:12px;font-weight:400;line-height:1.9}.dialog-privacy{color:#667b53;background:#edf1e4;border-radius:13px;align-items:flex-start;gap:12px;padding:15px;display:flex}.dialog-privacy p{margin:0;font-size:11px;line-height:1.9}.dialog-privacy strong{margin-bottom:3px;display:block}.dialog-compatibility{color:#8c7d67;margin-top:18px;font-size:11px;line-height:1.9}.dialog-done{width:100%;margin-top:20px}.spin{animation:1s linear infinite spin}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}12%{opacity:.85}80%{opacity:.6}to{transform:translate(var(--x),var(--y)) scale(1.12);opacity:0}}@media (min-width:1400px){.app-shell{padding:0 68px}.intro{padding-top:47px;padding-bottom:39px}.stage-world{min-height:390px}.avatar-play-button{width:375px;height:375px;top:4px}.avatar-shadow{top:324px}.character-caption{bottom:13px}.orbit-one{width:365px;height:365px}.orbit-two{width:457px;height:457px;top:-23px}.playground{grid-template-columns:minmax(0,1fr) 340px;gap:38px}.character-thumb{max-height:103px}.site-header{height:108px}.camera-controls{padding-bottom:25px}}@media (max-width:1050px){.app-shell{padding:0 30px}.playground{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.header-tag{margin-right:30px}.stage-topline{padding:20px 18px 0}.hello-label{top:42px;left:8%}.doodle-star{right:10%}.doodle-loops{left:7%}.stage-world{min-height:365px}.avatar-play-button{width:330px;height:330px;top:15px}.avatar-shadow{top:296px}.camera-controls{padding-left:16px;padding-right:16px}.character-grid{gap:9px}.section-heading h2{font-size:14px}.character-caption{bottom:13px}.upload-button{gap:8px;padding:11px 8px}.upload-button strong{font-size:11px}.upload-button small{font-size:8px}}@media (max-width:760px){.app-shell{max-width:580px;padding:0 22px}.site-header{height:79px}.brand img{border-radius:12px;width:34px;height:34px}.brand-name{font-size:23px}.brand-en{font-size:16px}.header-tag{display:none}.help-button{font-size:12px}.intro{padding:27px 0 24px}.eyebrow{letter-spacing:1.7px;font-size:8px}h1{letter-spacing:-.8px;margin:12px 0 13px;font-size:clamp(23px,5.1vw,29px)}.intro>p{letter-spacing:0;font-size:11px}.playground{flex-direction:column;gap:28px;display:flex}.stage-card{border-radius:22px}.stage-topline{padding:17px 18px 0}.stage-world{flex:none;height:323px;min-height:323px}.avatar-play-button{width:310px;height:310px;top:-1px}.avatar-shadow{width:123px;height:12px;top:263px}.orbit-one{width:283px;height:283px;top:11px}.orbit-two{width:363px;height:363px;top:-29px}.hello-label{padding:7px 11px;font-size:9px;top:25px;left:8%}.doodle-star{width:27px;top:56px;right:9%}.doodle-loops{width:34px;bottom:75px;left:7%}.character-caption{bottom:0}.character-caption h2{margin-bottom:6px;font-size:17px}.character-caption p{font-size:10px}.camera-controls{gap:11px;padding:20px 18px 18px}.camera-button{border-radius:13px;width:100%;max-width:340px;min-height:51px;padding:12px 21px;font-size:13px}.camera-note{min-height:18px;font-size:10px}.play-panel{padding:0}.section-heading{margin-bottom:17px}.section-heading h2{font-size:15px}.small-label{font-size:10px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 12px;max-height:250px}.character-thumb{border-radius:17px;max-height:none}.character-kind{font-size:9px}.character-name{font-size:11px}.upload-button{margin-top:19px;padding:13px 14px}.upload-button strong{font-size:12px}.upload-button small{font-size:10px}.upload-icon{width:37px;height:37px}.upload-hint{font-size:10px}.expression-section{margin-top:24px;padding-top:24px}.expression-button{min-height:80px}.expression-button strong{font-size:12px}.section-description{font-size:11px}.bubble-button{min-height:49px;font-size:12px}.little-tip{max-width:340px;margin-top:20px}.little-tip p{font-size:11px}.privacy-line{flex-wrap:wrap;gap:7px;margin:28px 0 25px;font-size:9px}.privacy-line svg{width:14px}.site-footer{flex-direction:column;align-items:flex-start;gap:13px;padding:20px 0 25px;font-size:10px}.site-footer>span:last-child{font-size:8px}.camera-feed{width:60px;height:76px;bottom:10px;left:11px}.preview-toggle{padding:8px;font-size:9px;bottom:8px;right:8px}.preview-toggle span{display:none}.help-dialog{padding:23px}.help-dialog h2{font-size:23px}.dialog-done{max-width:none}.custom-avatar{padding:52px 38px}.character-thumb .custom-avatar{padding:8px}}@media (max-width:370px){.app-shell{padding:0 16px}h1{font-size:23px}.stage-world{height:305px;min-height:305px}.avatar-play-button{width:286px;height:286px;top:2px}.avatar-shadow{top:250px}.hello-label{font-size:8px;left:6%}.character-caption{bottom:1px}.character-grid{gap:9px}.character-name{font-size:10px}.privacy-line{gap:5px;font-size:8px}.stage-title{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bubble-burst>span{opacity:.6;transform:translate(calc(var(--x) * .45),calc(var(--y) * .4)) scale(.7);animation:none}}.stage-card.theme-3d{--stage:#f0e9e3;--stage-light:#fff8ef;border-color:#e4dacf}.stage-3d-badge{letter-spacing:.5px;color:#fff;background:#87769b;border-radius:5px;margin-left:3px;padding:4px 5px;font-size:9px;line-height:1}.new-label{color:#7c668a;white-space:nowrap;background:#eee7f2;border:1px solid #e3d9eb;border-radius:12px;padding:5px 8px}.character-filters{background:#f0ebe4;border-radius:11px;gap:4px;margin-bottom:17px;padding:3px;display:flex}.character-filters button{color:#7e7162;white-space:nowrap;background:0 0;border-radius:8px;flex:1;min-height:38px;padding:5px 7px;font-size:11px}.character-filters button[aria-pressed=true]{color:#765b45;background:#fffcf7;font-weight:650;box-shadow:0 2px 5px #7664430d}.character-filters button:hover{color:#b65c38}.character-thumb{overflow:visible}.model-badge{color:#796788;letter-spacing:.2px;background:#fffaf0dc;border:1px solid #ffffffb3;border-radius:5px;padding:4px;font-size:8px;font-weight:700;line-height:1;position:absolute;top:5px;left:5px}.three-thumbnail{object-fit:contain;border-radius:16px;width:100%;height:100%;display:block}.three-avatar{isolation:isolate;width:100%;height:100%;position:relative}.three-avatar canvas{pointer-events:none;width:100%;height:100%;display:block}.three-placeholder{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.three-placeholder>img{object-fit:contain;opacity:.7;width:100%;height:100%}.three-placeholder>span{color:#796987;background:#fffaf0ed;border:1px solid #e8ddcf;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:10px;line-height:1.7;display:flex;position:absolute;bottom:25px;left:10px;right:10px;box-shadow:0 2px 8px #7363500d}.empty-characters{color:#93836e;text-align:center;padding:15px 5px;font-size:12px;line-height:1.9}@media (min-width:761px){.stage-card{align-self:start}.stage-world{flex:none;height:410px}.stage-card .avatar-play-button{top:16px}.stage-card .avatar-shadow{top:319px}.character-grid{max-height:284px}}@media (min-width:1400px){.stage-world{height:432px}.stage-card .avatar-play-button{top:17px}.stage-card .avatar-shadow{top:340px}}@media (max-width:760px){.character-filters button{min-height:44px;font-size:12px}.character-filters{margin-bottom:18px}.character-grid{max-height:272px}.three-placeholder>span{font-size:9px;bottom:20px}.model-badge{font-size:8px;top:3px;left:3px}.new-label{font-size:10px}}.three-controls{z-index:5;margin:5px 20px 0;position:relative}.three-error-panel{color:#77503c;text-align:left;background:#fff8ee;border:1px solid #decab3;border-radius:13px;padding:13px 14px;font-size:12px;line-height:1.8}.three-error-panel>strong{font-size:12px;font-weight:600}.three-error-actions{flex-wrap:wrap;gap:7px;margin:9px 0;display:flex}.three-error-actions button{color:#6d4b38;background:#efe2d0;border:1px solid #dfcbb3;border-radius:9px;min-height:44px;padding:8px 12px;font-size:11px}.three-error-actions button:hover{background:#e6d5bd}.three-error-panel summary{cursor:pointer;overflow-wrap:anywhere;min-height:36px;padding-top:8px;font-size:10px}.three-error-panel details p{margin:5px 0;font-size:10px}.three-error-panel code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0e7da;border-radius:8px;padding:9px;font:10px/1.8 ui-monospace,monospace;display:block}.three-quality{color:#857461;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex}.three-quality button{color:#8b694b;text-underline-offset:3px;background:0 0;min-height:44px;padding:6px;font-size:10px;text-decoration:underline}@media (max-width:760px){.three-controls{margin:9px 14px 0}.three-error-panel{padding:11px}.three-error-actions{gap:5px}.three-error-actions button{padding:8px 10px;font-size:10px}}