:root{--bg:#fbfaf7;--panel:#fff;--panel-2:#f3efe7;--line:#1113161f;--text:#111316;--muted:#6f746f;--soft:#4e5963;--accent:#b88a63;--accent-2:#b9935a;--blue:#5e7c83;--ice:#a9bbc3}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 14% 0%, #a9bbc352, transparent 28rem), radial-gradient(circle at 86% 0%, #d6be8a57, transparent 24rem), var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#fbfaf7e0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:.6rem;display:flex}.brand{align-items:center;gap:.8rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#111316;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.character-mark{background:var(--panel-2);border:1px solid #b9935a47;padding:0;overflow:hidden}.character-mark img{object-fit:cover;object-position:center 34%;width:100%;height:100%;transform:scale(1.12)}.brand p,.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem}.brand h1{letter-spacing:0;margin:.1rem 0 0;font-size:1.05rem}.matrix-label{color:var(--muted);margin-top:.12rem;font-size:.76rem;display:block}.ghost-button,.primary-button{border:1px solid var(--line);min-height:40px;color:var(--text);background:#ffffffbd;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;display:inline-flex}.primary-button{background:var(--accent);color:#fff;border-color:#0000;font-weight:800}.workspace{grid-template-columns:330px minmax(0,1fr) 360px;gap:1rem;padding:1rem;display:grid}.panel,.hero-card,.preview-card,.detail-card,.prompt-box,.publish-box,.compliance{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;box-shadow:0 18px 48px #4e59631a}.panel{max-width:100%;padding:1rem}.controls,.detail{align-self:start;max-height:calc(100vh - 88px);position:sticky;top:74px;overflow:auto}.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;background:var(--panel-2);width:100%;color:var(--muted);border:1px dashed #11131638;border-radius:8px;place-items:center;margin-bottom:1rem;display:grid;overflow:hidden}.upload-box img,.mock-image img{object-fit:cover;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}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.chip,.platform{border:1px solid var(--line);color:var(--soft);text-align:left;background:#f3efe794;border-radius:8px;padding:.62rem .7rem}.chip.selected,.platform.active{color:var(--text);background:#b88a631f;border-color:#b88a639e}.platforms{gap:.55rem;display:grid}.platform strong,.platform span{display:block}.platform span{color:var(--muted);margin-top:.2rem;font-size:.78rem}.stage{align-self:start;gap:1rem;display:grid}.hero-card{background:linear-gradient(135deg, #ffffff94, transparent), linear-gradient(160deg, #a9bbc347, #d6be8a4d), var(--panel);justify-content:space-between;align-items:center;gap:1rem;min-height:96px;padding:1.1rem 1.3rem;display:flex}.hero-card h2{letter-spacing:0;margin:.2rem 0;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.25}.hero-card p{color:var(--muted);margin:0}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.preview-card{color:var(--text);text-align:left;padding:.6rem}.preview-card.active{outline:2px solid var(--accent)}.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,#a9bbc3,#85779d)}.scene-2{background:linear-gradient(135deg,#e1cfac,#b88a63)}.scene-3{background:linear-gradient(135deg,#6e7a5b,#d6be8a)}.scene-4{background:linear-gradient(135deg,#a493b8,#b8795f)}.scene-5{background:linear-gradient(135deg,#5e7c83,#f3efe7)}.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:.55rem .1rem .1rem;display:grid}.preview-meta small{color:var(--muted);line-height:1.45}.detail-card,.prompt-box,.publish-box,.assistant-card,.compliance{margin-bottom:.85rem;padding:1rem}.tag{color:#161a0d;background:#e1cfac;border-radius:6px;margin:0;padding:.2rem .45rem;font-size:.75rem;font-weight:800;display:inline-block}.detail-card h3{margin:.85rem 0;font-size:1.15rem}.detail-card ul{color:var(--soft);margin:0;padding-left:1.1rem}.prompt-head{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.prompt-head button{border:1px solid var(--line);color:var(--text);background:#f3efe7b8;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .5rem;display:inline-flex}.prompt-box p{color:var(--soft);margin:0;line-height:1.7}.publish-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.publish-row:first-of-type{border-top:0}.publish-row span{color:var(--muted);font-size:.78rem;display:block}.draft-button{color:var(--accent);background:#b88a631a;border:1px solid #b88a6361;border-radius:6px;align-items:center;gap:.35rem;padding:.42rem .55rem;display:inline-flex}.draft-button:disabled{cursor:not-allowed;opacity:.4;color:var(--muted);border-color:var(--line);background:#f3efe773}.assistant-card{background:linear-gradient(135deg,#f3efe7d1,#e1cfac61),#ffffffe6;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.8rem;display:grid;overflow:hidden}.assistant-card img{object-fit:contain;background:0 0;width:72px;height:86px}.assistant-card p{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.assistant-card h3{margin:.24rem 0;font-size:.98rem}.assistant-card span{color:var(--muted);font-size:.82rem;line-height:1.55;display:block}.compliance{color:var(--muted);align-items:flex-start;gap:.7rem;display:flex}.compliance p{margin:0}@media (width<=1120px){.workspace{grid-template-columns:320px minmax(0,1fr)}.detail{grid-column:1/-1;max-height:none;position:static}}@media (width<=760px){.topbar{align-items:flex-start}.ghost-button{width:44px;padding:0;font-size:0}.workspace{max-width:100vw;padding:.75rem;display:block;overflow-x:hidden}.controls{width:min(100%,100vw - 1.5rem);min-width:0;max-height:none;margin-bottom:.75rem;position:static}.stage,.detail{width:min(100%,100vw - 1.5rem)}.hero-card{min-height:0;display:grid}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{margin-top:.75rem}}:root{--mobi-primary:#b9935a;--mobi-primary-soft:#f3efe7;--mobi-glow:#b9935a59;--mobi-bg:#fbfaf7;--mobi-card:#fff;--mobi-text:#111316;--mobi-text-sub:#6f746f;--radius-card:16px;--radius-btn:8px;--radius-std:12px;--mobi-font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes float-bob{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-celebrate{0%{transform:scale(1)}30%{transform:scale(1.18)}50%{transform:scale(.96)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes glow-pulse{0%{box-shadow:0 0 0 0 var(--mobi-glow)}50%{box-shadow:0 0 20px 8px var(--mobi-glow)}to{box-shadow:0 0 #b9935a00}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-breathe{animation:3.2s ease-in-out infinite breathe}.anim-float-bob{animation:2.6s ease-in-out infinite float-bob}.anim-float-in{animation:.5s ease-out both float-in}.anim-celebrate{animation:.6s ease-out both bounce-celebrate}.anim-glow-pulse{animation:.8s ease-out both glow-pulse}.anim-spin-slow{animation:1.2s linear infinite spin-slow}.ip-glow{box-shadow:0 0 16px 4px var(--mobi-glow)}.card-mobi{background:var(--mobi-card);border-radius:var(--radius-card)}@media (prefers-reduced-motion:reduce){.anim-breathe,.anim-float-bob,.anim-float-in,.anim-celebrate,.anim-glow-pulse,.anim-spin-slow{animation:none!important}}.gen-area{margin-top:18px}.gen-error{color:#9c2a1a;background:#fdecec;border:1px solid #f3c9c2;border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.6}.gen-loading,.gen-empty{text-align:center;background:#fcfaf6;border:1px dashed #e3d8c8;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.gen-loading{color:#8a8278}.gen-loading p{color:#5f5a54;margin:0;font-size:15px;font-weight:600}.gen-loading span{color:#a59c8f;font-size:12.5px}.gen-empty{color:#a59c8f}.gen-empty p{margin:0;font-size:14px}.gen-result{flex-direction:column;gap:16px;display:flex}.compare-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.compare-grid figure{margin:0}.compare-img{aspect-ratio:1;background:#f2ede4;border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.compare-img img{object-fit:contain;width:100%;height:100%;display:block}.compare-grid figcaption{color:#8a8278;text-align:center;margin-top:8px;font-size:12.5px;font-weight:600}.gen-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quota-hint{color:#a59c8f;flex-basis:100%;font-size:12.5px}.mode-note{color:#8a8278;background:#fcfaf6;border:1px dashed #e3d8c8;border-radius:12px;margin:4px 0 0;padding:10px 14px;font-size:12.5px;line-height:1.6}.spin{animation:.9s linear infinite mobishot-spin}@keyframes mobishot-spin{to{transform:rotate(360deg)}}@media (width<=640px){.compare-grid{grid-template-columns:1fr}.quota-hint{margin-left:0}}.workspace.history-view{display:block}.history-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.history-head h2{color:#2a2620;margin:0;font-size:20px}.history-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.history-card{background:#fff;border:1px solid #ece4d7;border-radius:14px;overflow:hidden}.history-img{aspect-ratio:1;background:#f2ede4;justify-content:center;align-items:center;display:flex}.history-img img{object-fit:cover;width:100%;height:100%;display:block}.history-meta{flex-direction:column;gap:2px;padding:10px 12px 6px;display:flex}.history-meta strong{color:#2a2620;font-size:13.5px}.history-meta small{color:#a59c8f;font-size:11.5px}.history-actions{border-top:1px solid #f0eadf;display:flex}.history-actions button{color:#6a6258;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:9px 0;font-size:12.5px;display:flex}.history-actions button:first-child{border-right:1px solid #f0eadf}.history-actions button:hover{color:#b88a63;background:#faf7f1}.pro-overlay{z-index:9998;background:#28241e6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pro-modal{text-align:center;background:#fbfaf7;border-radius:18px;width:100%;max-width:420px;padding:30px 26px 24px;position:relative;box-shadow:0 24px 60px #28241e40}.pro-close{color:#a59c8f;cursor:pointer;background:0 0;border:none;position:absolute;top:14px;right:14px}.pro-modal h2{color:#2a2620;margin:12px 0 8px;font-size:20px}.pro-sub{color:#6a6258;margin:0 0 18px;font-size:13.5px;line-height:1.6}.pro-tiers{gap:10px;margin-bottom:20px;display:flex}.pro-tier{border:1px solid #ece4d7;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:14px 8px;display:flex}.pro-tier strong{color:#2a2620;font-size:13.5px}.pro-tier span{color:#8a8278;font-size:12px;line-height:1.5}.pro-highlight{background:#fbf3e6;border-color:#b88a63}.pro-highlight strong{color:#9a6c3f}.pro-cta{box-sizing:border-box;justify-content:center;width:100%;text-decoration:none;display:inline-flex}.pro-note{color:#a59c8f;margin:12px 0 0;font-size:12px;line-height:1.6}.prompt-toggle{cursor:pointer;color:#6a6258;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:13px;font-weight:600;display:flex}.prompt-toggle-hint{color:#b88a63;font-size:12px;font-weight:600}.prompt-text{color:#8a8278;white-space:pre-wrap;max-height:150px;margin:10px 0 0;font-size:12px;line-height:1.6;overflow:auto}.prompt-copy{color:#6a6258;cursor:pointer;background:#faf7f1;border:1px solid #ece4d7;border-radius:8px;align-items:center;gap:5px;margin-top:10px;padding:6px 10px;font-size:12px;display:inline-flex}.prompt-copy:hover{color:#b88a63}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.thumb{aspect-ratio:1;background:#f2ede4;border:1px solid #ece4d7;border-radius:10px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-del{color:#fff;cursor:pointer;background:#28241e99;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:3px;right:3px}.thumb-add{aspect-ratio:1;color:#a59c8f;cursor:pointer;background:#fcfaf6;border:1px dashed #d8cdbb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.thumb-add:hover{color:#b88a63;border-color:#b88a63}.set-ref{align-items:center;gap:10px;margin-bottom:14px;display:flex}.set-ref-img{background:#f2ede4;border-radius:10px;flex:none;width:54px;height:54px;overflow:hidden}.set-ref-img img{object-fit:cover;width:100%;height:100%;display:block}.set-ref-meta{flex-direction:column;gap:2px;display:flex}.set-ref-meta strong{color:#2a2620;font-size:13px}.set-ref-meta small{color:#a59c8f;font-size:11.5px}.set-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.set-card{background:#fff;border:1px solid #ece4d7;border-radius:14px;overflow:hidden}.set-img{aspect-ratio:1;background:#f2ede4;justify-content:center;align-items:center;display:flex}.set-img img{object-fit:cover;width:100%;height:100%;display:block}.set-state{color:#a59c8f;text-align:center;justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.set-failed{color:#9c2a1a}.set-card-foot{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.set-card-foot strong{color:#2a2620;font-size:12.5px}.set-card-actions{gap:6px;display:flex}.set-card-actions button{color:#6a6258;cursor:pointer;background:#faf7f1;border:1px solid #ece4d7;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.set-card-actions button:hover:not(:disabled){color:#b88a63;border-color:#b88a63}.set-card-actions button:disabled{opacity:.4;cursor:default}@media (width<=520px){.set-grid{grid-template-columns:1fr}}.mobiverse-splash{--app-primary:#b9935a;--app-primary-soft:#f3efe7;--app-text-strong:#111316;--app-text-muted:#6f746f;--app-background:#fbfaf7;--app-border-soft:#a9bbc3;z-index:100;background:var(--app-background);place-items:center;padding-left:2rem;padding-right: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-inner{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:430px;display:flex;position:relative;transform:translateY(-.75rem)}.mobiverse-splash-kicker{letter-spacing:.4em;color:var(--app-text-muted);opacity:0;margin:0;font-size:12px;font-weight:900;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;transform:translateY(12px)scale(.92);box-shadow:0 24px 60px #0000001f}.mobiverse-splash-mark img{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{margin:0;font-size:4.25rem;font-weight:900;line-height:.95}.mobiverse-splash-slogan{text-align:center;width:100%;max-width:18rem;color:var(--app-text-strong);opacity:0;margin:1.5rem 0 0;font-size:18px;font-weight:900;line-height:1.55;animation:.5s .8s forwards splashRise;transform:translateY(10px)}.mobiverse-splash-slogan span{white-space:nowrap;display:block}.mobiverse-splash-line{background:var(--app-border-soft);border-radius:9999px;width:7rem;height:.25rem;margin-top:2rem;overflow:hidden}.mobiverse-splash-line span{background:var(--app-primary);border-radius:9999px;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;visibility:hidden}}@media (prefers-reduced-motion:reduce){.mobiverse-splash,.mobiverse-splash-kicker,.mobiverse-splash-mark,.mobiverse-splash-title,.mobiverse-splash-slogan,.mobiverse-splash-line span{animation:none}.mobiverse-splash{display:none}}