:root{color-scheme:light;--pink:#f16b91;--soft:#fce9f0;--ink:#655159;--muted:#aa949c;--line:#f2e7eb;--scale:1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0% 0%,#fce9ed,transparent 60%),radial-gradient(ellipse at 100% 100%,#eae8f9,transparent 55%),#fbf7f5;color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;min-height:100dvh;display:flex;gap:92px;align-items:center;justify-content:center;padding:28px}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #b179b0;outline-offset:2px}input,textarea,select{color:var(--ink);accent-color:var(--pink);min-width:0}textarea{resize:vertical;min-height:78px}a{color:var(--pink)}.desktop-intro{width:310px;align-self:center}.brand-mark{font-size:40px;font-weight:700;letter-spacing:8px;color:#b36a85}.brand-mark span{display:block;font-size:10px;letter-spacing:6px;margin-top:12px;color:#b796a4}.desktop-intro h1{font-size:25px;font-weight:400;margin:45px 0 16px}.desktop-intro p{font-size:14px;line-height:2;color:#9a818d}.intro-line{width:36px;height:2px;background:#dca2b7;margin:32px 0}.desktop-intro .intro-note{font-size:12px}.outside-btn{display:block;border:0;border-bottom:1px solid #dcc9d1;padding:12px 0;background:transparent;color:#886b78;text-align:left;margin-top:9px;font-size:12px}.desktop-intro small{display:block;font-size:10px;color:#aa939d;margin-top:28px}#phone{position:relative;width:375px;height:min(812px,calc(100dvh - 56px));background:white;overflow:hidden;border-radius:32px;box-shadow:0 24px 85px #70526023,0 0 0 8px #fff9,0 0 0 9px #e9dbe280;flex-shrink:0}#viewport{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}#viewport::-webkit-scrollbar{display:none}#scene-wrap{width:100%;position:relative}#scene{width:375px;height:812px;position:relative;transform:scale(var(--scale));transform-origin:top left;overflow:hidden;background:#fff;font-size:14px}#scene>.reference-bg{position:absolute;inset:0;width:375px;height:812px;pointer-events:none;user-select:none}.box{position:absolute;background:#fff;overflow:auto;scrollbar-width:thin}.hotspot{position:absolute;padding:0;border:0;background:transparent;border-radius:12px;color:transparent;z-index:3}.hotspot:hover{box-shadow:inset 0 0 0 1.5px #f18bac60;background:#f291ae0a}.hotspot:active{background:#f291ae25}.dynamic-text{display:flex;align-items:center}.card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 3px 12px #b98a9d09;padding:14px}.panel{padding:12px;background:white}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:#a28a94}.small{font-size:11px;line-height:1.7}.tiny{font-size:10px}.btn{border:0;border-radius:12px;background:var(--pink);color:#fff;padding:11px 16px;line-height:1.35;text-align:center;min-height:38px;display:inline-flex;justify-content:center;align-items:center;gap:6px;text-decoration:none;font-size:13px}.btn.secondary{background:var(--soft);color:#b96481}.btn.outline{background:#fff;color:var(--pink);border:1px solid #efb6c7}.btn.small{padding:6px 11px;font-size:11px;min-height:29px;border-radius:18px}.btn.danger{background:#fff0f0;color:#ce616a}.btn.full{width:100%}.tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0 12px}.chip{border:0;border-radius:20px;background:#f6f0f3;color:#a08893;padding:7px 11px;font-size:11px;line-height:1.3}.chip.active{background:#f39ab5;color:white}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:12px;font-weight:500}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px;font-size:13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#e99eb6;box-shadow:0 0 0 2px #fceaf1}.field input[type=checkbox]{width:18px}.field input[type=file]{font-size:11px}input[type=checkbox]{accent-color:#ed83a5}.list-item{padding:13px 10px;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.empty{padding:30px 14px;text-align:center;color:#ab94a0;font-size:12px;line-height:2}.avatar{display:inline-block;border-radius:50%;flex-shrink:0;background-color:#f7e6ed;background-repeat:no-repeat}.switch{appearance:none;-webkit-appearance:none;width:34px;height:20px;border-radius:20px;background:#dacdd3;position:relative;flex-shrink:0;cursor:pointer}.switch:before{content:'';width:16px;height:16px;border-radius:50%;background:white;position:absolute;left:2px;top:2px;transition:left .15s}.switch:checked{background:var(--pink)}.switch:checked:before{left:16px}.section-title{font-size:16px;margin:8px 0 14px}.cover-image{width:100%;object-fit:cover;border-radius:12px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0}.media-item{height:82px;border:1px solid #f0e0e7;border-radius:10px;overflow:hidden;position:relative;background:#f9f3f6}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block}.media-item button{position:absolute;right:2px;top:2px;border:0;border-radius:20px;background:#fff;color:#a05b76}.media-placeholder{font-size:10px;color:#b79fab;display:flex;align-items:center;justify-content:center}.nav-patch{border:1px solid #ebdfe4;border-radius:14px;box-shadow:inset 0 2px 3px #dfd2d750;background:#fff8fa;display:flex;align-items:center;justify-content:space-around;padding:3px}.nav-patch button{border:0;background:transparent;width:56px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation}.nav-patch button img{display:block;width:auto;height:48px;max-width:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}.nav-patch button:focus-visible{outline-offset:0}.modal-shade{position:absolute;inset:0;z-index:50;background:#563d5140;display:flex;align-items:flex-end}.sheet{background:#fffafb;width:100%;max-height:92%;border-radius:23px 23px 0 0;overflow:auto;box-shadow:0 -8px 40px #57404e10;padding:18px 18px max(22px,env(safe-area-inset-bottom));font-size:13px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sheet-head h2{font-size:17px;font-weight:600;margin:0}.close-sheet{border:0;background:#f6e8ee;color:#a7788d;border-radius:50%;height:28px;width:28px;font-size:20px}.sheet h3{font-size:15px;margin:14px 0 10px}.sheet p{line-height:1.9}.sheet label input[type=checkbox]{margin-right:8px}.sheet .field input,.sheet .field select,.sheet .field textarea{font-size:16px}.sheet .media-item{height:90px}.sheet .btn{min-height:42px}.sheet-body{outline:0}#toast{position:absolute;bottom:90px;left:20px;right:20px;z-index:90;color:white;background:#725864f0;border-radius:14px;padding:12px 15px;font-size:12px;text-align:center;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .18s}#toast.visible{opacity:1}#mobile-menu{display:none}body.large-text .sheet{font-size:16px}body.large-text .sheet .small{font-size:13px}.catalog-group{margin:14px 0 7px;font-size:12px;color:#a47e91}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog-grid button{text-align:left;border:1px solid #f0e2e8;background:#fff;border-radius:10px;padding:9px;font-size:11px;color:#795763}.catalog-grid button.current{background:#fde8f0;color:#b15074}.chat-bubble{padding:12px;border-radius:16px;background:#fbeaf0;color:#785962;line-height:1.8;max-width:83%;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.own{background:#f37598;color:white;margin-left:auto;border-bottom-right-radius:4px}.chat-line{margin:12px 0}.chat-time{font-size:10px;text-align:center;color:#b19aa6;margin:10px 0}.chat-composer{display:flex;gap:8px;padding:9px;background:white;border-top:1px solid #f6eaf0}.chat-composer input{border:0;background:#fbeef3;border-radius:14px;padding:10px;width:100%;font-size:13px;outline:0}.chat-composer button{flex-shrink:0}.data-kpi{display:flex;justify-content:space-around;text-align:center;background:#fff4f8;border-radius:15px;padding:12px}.data-kpi strong{display:block;font-size:20px;color:#c56e8a}.data-kpi span{font-size:10px;color:#ab8596}.line-link{border:0;background:none;padding:6px 0;font-size:12px;color:#c2718d}.error-note{color:#b9536d;font-size:12px}.hint{padding:9px 11px;background:#f7eff9;border-radius:10px;color:#9d7ba8;font-size:11px;line-height:1.7}
.settings-row{display:flex;justify-content:space-between;align-items:center;width:100%;height:45px;border:0;border-bottom:1px solid #f2e6ec;background:transparent;color:#705361;font-size:15px;padding:0 5px}.settings-row:last-child{border-bottom:0}.settings-row small{color:#af98a4;font-size:12px}.uploaded-avatar{overflow:hidden}.uploaded-avatar .media-grid{display:block;width:100%;height:100%;margin:0}.uploaded-avatar .media-item{height:100%;width:100%;border:0;border-radius:50%}.uploaded-avatar img{width:100%;height:100%;object-fit:cover}
/* Keep a usable height in browsers that do not yet support dynamic viewport units. */
body{min-height:100vh;min-height:100dvh}#phone{height:min(812px,calc(100vh - 56px));height:min(812px,calc(100dvh - 56px))}
@media(max-width:800px){
 html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{padding:0;display:block;background:#fff;min-height:0;height:100vh;height:100dvh;height:var(--app-viewport-height,100dvh);overflow:hidden}
 .desktop-intro{display:none}
 #phone{width:100%;max-width:480px;height:100vh;height:100dvh;height:var(--app-viewport-height,100dvh);margin:auto;border-radius:0;box-shadow:none;top:var(--app-viewport-top,0px)}
 #viewport{padding-bottom:env(safe-area-inset-bottom,0px);scroll-padding:12px 0 max(16px,env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
 .box,.sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 #mobile-menu{display:block;position:fixed;right:7px;top:calc(var(--app-viewport-top,0px) + 6px);border:0;background:#fff9;border-radius:15px;color:#b995a5;z-index:30;width:25px;height:22px;line-height:14px;font-size:22px}
 .sheet{max-height:92%;scroll-padding:14px 0 24px;padding-bottom:22px;padding-bottom:max(22px,env(safe-area-inset-bottom,0px))}
 #scene input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),#scene textarea,#scene select{font-size:16px!important;font-size:max(16px,calc(16px / var(--scale)))!important}
 #scene .h-textedit[name=title]{font-size:19px!important;font-size:max(19px,calc(16px / var(--scale)))!important}
 .sheet input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.sheet textarea,.sheet select{font-size:16px!important}
 #storage-status{line-height:1.4;padding:3px 7px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}