:root{--bg:#faf5f2;--panel:#fffdfb;--panel-2:#efe0dc;--line:#3f384226;--text:#252126;--muted:#756b70;--soft:#554b55;--accent:#b76e79;--accent-2:#c9826b;--deep:#403846;--gold:#c9a65d;--rose:#ead1d4;--app-primary:#b76e79;--app-primary-soft:#f5dce2;--app-text-strong:#403846;--app-text-muted:#756b70;--app-background:#faf5f2;--app-border-soft:#d8b3b2}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{scrollbar-gutter:stable}body{background:radial-gradient(circle at 9% 0%, #b76e7929, transparent 28rem), radial-gradient(circle at 88% 4%, #c9826b2e, transparent 24rem), linear-gradient(120deg, #4038460d, transparent 38rem), var(--bg);min-width:320px;color:var(--text);justify-content:center;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:radial-gradient(circle at 12% 0%, #b76e791a, transparent 18rem), linear-gradient(180deg, #fffdfbb8, #faf5f2f5), var(--bg);width:min(100%,430px);min-height:100vh;overflow:hidden;box-shadow:0 0 0 1px #3f384614,0 28px 80px #4038462e}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#faf5f2e6;justify-content:space-between;align-items:center;gap:.62rem;padding:.86rem .9rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.9rem;min-width:0;display:flex}.app-identity{align-items:center;gap:.78rem;min-width:0;display:flex}.app-icon{border-radius:14px;flex:none;width:44px;height:44px;box-shadow:0 10px 18px #4038462e}.app-name-stack{min-width:0}.app-name-stack p{color:var(--accent);letter-spacing:.05em;text-transform:none;margin:0;font-size:.76rem;font-weight:800}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem}.app-name-stack h1{color:var(--deep);letter-spacing:0;margin:.22rem 0 0;font-size:1.62rem;font-weight:900;line-height:1}.mobi-badge{background:#fffdfbb8;border:1px solid #cf8d9233;border-radius:999px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 28px #4038461f}.mobi-badge img{object-fit:contain;filter:drop-shadow(0 5px 8px #40384629);width:39px;height:39px}.ghost-button,.primary-button{border:1px solid var(--line);min-height:40px;color:var(--deep);background:#ffffffd1;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;display:inline-flex}.topbar .ghost-button{flex:none;width:42px;min-height:42px;padding:0;font-size:0}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;font-weight:800;box-shadow:0 14px 26px #b76e7938}.workspace{grid-template-columns:minmax(0,1fr);gap:.85rem;padding:.8rem;display:grid}.panel,.hero-card,.preview-card{border:1px solid var(--line);background:#fffdfbe6;border-radius:8px;box-shadow:0 18px 48px #4038461a}.panel{max-width:100%;padding:1rem}.controls{align-self:start;max-height:none;position:static;overflow:visible}.section-title{color:var(--soft);align-items:center;gap:.5rem;margin:.5rem 0 .75rem;display:flex}.section-title h2{margin:0;font-size:.96rem}.upload-box{aspect-ratio:4/3;width:100%;min-height:168px;max-height:220px;color:var(--muted);background:#fff;border:1px dashed #11131638;border-radius:8px;place-items:center;margin-bottom:1rem;display:grid;overflow:hidden}.upload-box>img{object-fit:scale-down;object-position:center center;background:#fff;width:100%;height:100%}.hidden-input{display:none}label{color:var(--muted);gap:.4rem;margin-bottom:.8rem;font-size:.84rem;display:grid}input,select,textarea{width:100%;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:.7rem .75rem}textarea{resize:vertical;min-height:80px}.preset-fold{gap:.48rem;margin:-.32rem 0 .95rem;display:grid}.preset-toggle{width:100%;color:var(--soft);text-align:left;background:#fffdfbb8;border:1px solid #3f38461f;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(5.8rem,7rem) 1rem;align-items:center;gap:.4rem;padding:.48rem .62rem;display:grid;overflow:hidden}.preset-toggle strong{color:var(--muted);min-width:0;font-size:.78rem}.preset-toggle span{width:100%;max-width:7rem;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#cf8d921f;border-radius:999px;justify-self:end;padding:.15rem .38rem;font-size:.7rem;font-weight:800;overflow:hidden}.preset-toggle svg{justify-self:end;transition:transform .16s}.preset-toggle.open svg{transform:rotate(180deg)}.preset-chips{flex-wrap:wrap;gap:.4rem;display:flex}.preset-chip{min-height:32px;color:var(--soft);background:#fffdfbdb;border:1px solid #3f38461f;border-radius:999px;padding:.38rem .62rem;font-size:.78rem;font-weight:800}.preset-chip.active{color:var(--deep);background:#f5dce2;border-color:#cf8d9294}input::placeholder,textarea::placeholder{color:#756b70a3}.recognition-card{background:linear-gradient(135deg,#efe0dcad,#ffffffc7);border:1px solid #b76e7933;border-radius:8px;margin-bottom:1rem;padding:.85rem}.recognition-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.recognition-head h2{margin:.15rem 0 0;font-size:.96rem}.recognition-head button{color:var(--accent);background:#ffffffb8;border:1px solid #b76e7947;border-radius:8px;align-items:center;gap:.35rem;padding:.48rem .58rem;font-size:.82rem;font-weight:800;display:inline-flex}.recognition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.recognition-grid label{margin-bottom:0;font-size:.78rem}.recognition-grid input{padding:.58rem .62rem}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.profile-groups{gap:.85rem;margin-bottom:1rem;display:grid}.profile-group{gap:.5rem;display:grid}.profile-group-head{border:1px solid var(--line);width:100%;color:var(--soft);text-align:left;background:#fffdfbc7;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.45rem;padding:.62rem .7rem;display:grid}.profile-group-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.profile-group-head span{max-width:128px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#b76e791a;border-radius:6px;padding:.18rem .38rem;font-size:.72rem;font-weight:800;overflow:hidden}.profile-group-head svg{transition:transform .16s}.profile-group-head.open svg{transform:rotate(180deg)}.chip,.platform{border:1px solid var(--line);color:var(--soft);text-align:left;background:#efe0dc8a;border-radius:8px;padding:.62rem .7rem}.chip.selected,.platform.active{color:var(--deep);background:linear-gradient(135deg,#f5dce2,#ecc6b8);border-color:#cf8d9294;box-shadow:0 10px 22px #cf8d9229}.platforms{gap:.55rem;display:grid}.platform strong{display:block}.stage{align-self:start;gap:.85rem;display:grid}.hero-card{background:linear-gradient(135deg, #ffffffb8, transparent), linear-gradient(150deg, #b76e7926, #c9826b33), radial-gradient(circle at 90% 12%, #c9a65d29, transparent 16rem), var(--panel);gap:.85rem;min-height:124px;padding:.9rem;display:grid}.hero-card h2{letter-spacing:0;margin:.3rem 0 .25rem;font-size:1.35rem}.hero-card p{color:var(--muted);margin:0}.summary-list{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.summary-list span,.hero-status{width:fit-content;color:var(--soft);background:#fffdfbb8;border:1px solid #b76e7933;border-radius:8px;padding:.38rem .55rem;font-size:.78rem;font-weight:800}.hero-status{color:#fff;background:linear-gradient(135deg, var(--deep), var(--accent));align-items:center;gap:.38rem;display:inline-flex}.output-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.output-head h2{letter-spacing:0;margin:.18rem 0 0;font-size:1.15rem}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.preview-card{color:var(--text);text-align:left;gap:.65rem;padding:.6rem;display:grid}.preview-card.active{outline:2px solid var(--accent);box-shadow:0 18px 32px #b76e7933}.output-card-head{gap:.35rem;display:grid}.output-card-head span{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:6px;width:fit-content;padding:.2rem .45rem;font-size:.75rem;font-weight:800}.output-card-head strong{font-size:.98rem;line-height:1.35}.output-thumb{color:#ffffffd1;background:#fff;border-radius:6px;place-items:center;height:128px;display:grid;position:relative;overflow:hidden}.output-thumb>img{object-fit:scale-down;object-position:center center;background:#fff;width:100%;height:100%}.mock-image{aspect-ratio:4/5;background:linear-gradient(135deg,#d6be8a,#4e5963);border-radius:6px;place-items:end start;display:grid;position:relative;overflow:hidden}.scene-1{background:linear-gradient(135deg,#c9826b,#b76e79)}.scene-2{background:linear-gradient(135deg,#403846,#b76e79)}.scene-3{background:linear-gradient(135deg,#c9a65d,#c9826b)}.scene-4{background:linear-gradient(135deg,#7f8f91,#b76e79)}.scene-5{background:linear-gradient(135deg,#252126,#c9a65d)}.mock-image:before{content:"";filter:blur(.3px);background:#ffffff29;border-radius:999px 999px 18px 18px;position:absolute;inset:14% 24% 10%}.mock-image span{background:#111316b3;border-radius:6px;margin:.55rem;padding:.24rem .45rem;font-size:.76rem;position:relative}.preview-meta{gap:.2rem;padding:0 .1rem .1rem;display:grid}.preview-meta small{color:var(--muted);line-height:1.45}.mobiverse-splash{z-index:100;background:var(--app-background);place-items:center;padding:0 2rem;animation:2.8s forwards splashExit;display:grid;position:fixed;inset:0;overflow:hidden}.mobiverse-splash-glow{background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--app-primary) 22%, transparent), transparent 24%), radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--app-text-strong) 10%, transparent), transparent 34%), linear-gradient(180deg, var(--app-background) 0%, var(--app-primary-soft) 58%, #fff 100%);position:absolute;inset:0}.mobiverse-splash-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:430px;display:flex;position:relative;transform:translateY(-12px)}.mobiverse-splash-kicker{color:var(--app-text-muted);letter-spacing:.06em;opacity:0;text-transform:none;margin:0;font-size:20px;font-weight:800;animation:.5s .12s forwards splashRise;transform:translateY(8px)}.mobiverse-splash-mark{opacity:0;background:#fff;border-radius:2rem;place-items:center;width:6rem;height:6rem;margin-top:2rem;animation:.6s cubic-bezier(.2,.8,.2,1) .3s forwards splashMark;display:grid;overflow:hidden;transform:translateY(12px)scale(.92);box-shadow:0 24px 60px #2d501629}.mobiverse-splash-mark img{object-fit:contain;border-radius:2rem;width:100%;height:100%}.mobiverse-splash-title{color:var(--app-text-strong);opacity:0;margin-top:2rem;animation:.5s .55s forwards splashRise;transform:translateY(10px)}.mobiverse-splash-title h1{letter-spacing:0;margin:0;font-size:4.25rem;font-weight:900;line-height:.95}.mobiverse-splash-slogan{width:100%;max-width:18rem;color:var(--app-text-strong);opacity:0;margin:1.5rem 0 0;font-weight:900;line-height:1.55;animation:.5s .8s forwards splashRise;transform:translateY(10px);font-size:18px!important}.mobiverse-splash-slogan span{white-space:nowrap;display:block}.mobiverse-splash-line{background:var(--app-border-soft);border-radius:999px;width:7rem;height:.25rem;margin-top:2rem;overflow:hidden}.mobiverse-splash-line span{background:var(--app-primary);border-radius:999px;height:100%;animation:.95s 1.05s forwards splashLoad;display:block;transform:translate(-100%)}@keyframes splashRise{to{opacity:1;transform:translateY(0)}}@keyframes splashMark{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splashLoad{to{transform:translate(0)}}@keyframes splashExit{0%,90%{opacity:1}to{opacity:0}}@media (width<=760px){.workspace{padding:.75rem}.controls{margin-bottom:.75rem}}