/* Mobile reference geometry wins over generic embedded-module responsive rules. */
@layer mobile-center-reference {
body[data-bean-mobile] #bean-chat-overlay.is-mobile,
body[data-bean-mobile] #bean-chat-overlay.is-mobile.is-expanded { inset: var(--phone-top) auto auto var(--phone-left) !important; width: var(--phone-live-width) !important; height: var(--phone-live-height) !important; border: 0 !important; border-radius: 0 !important; transform: none !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-panel { display: block !important; width: 100%; height: 100%; padding: 0; border-radius: 0; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-toolbar { position: absolute !important; inset: 8px 8px auto !important; display: flex !important; justify-content: space-between; width: auto !important; padding: 0 !important; gap: 4px; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-toolbar-group { gap: 4px !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-tool { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; padding: 4px !important; border-radius: 7px !important; background: #000b !important; border: 1px solid #78c1cb !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-expand,
body[data-bean-mobile] #bean-chat-overlay .bean-chat-close { display: none !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-header,
body[data-bean-mobile] #bean-chat-overlay .bean-chat-agent-card { display: none !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-log { position: absolute !important; inset: 44px 0 64px !important; padding: 0 !important; overflow: hidden !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-agent-layout { position: absolute !important; inset: 0 !important; display: block !important; height: 100% !important; min-height: 0 !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-agent-stage { display: block !important; position: absolute !important; inset: auto auto 0 0 !important; width: 24% !important; height: 40% !important; min-height: 0 !important; max-height: 300px; overflow: visible; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-agent-art { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; object-position: center bottom; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-agent-art[data-character-fit="visible-bounds"] { inset: auto !important; width: var(--fit-width) !important; height: var(--fit-height) !important; left: var(--fit-left) !important; top: var(--fit-top) !important; object-fit: fill !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-agent-main { position: absolute !important; inset: 0 0 0 24% !important; width: auto !important; height: 100% !important; min-height: 0 !important; padding: 8px 12px 20px 8px !important; overflow: auto !important; overscroll-behavior: contain; gap: 12px !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-intro-message { padding: 10px !important; border-radius: 10px; background: #000b !important; flex-shrink: 0; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-intro-message p,
body[data-bean-mobile] #bean-chat-overlay .bean-chat-bubble { font-size: 14px !important; line-height: 1.6 !important; overflow-wrap: anywhere; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-actions { position: absolute !important; inset: auto 0 0 !important; padding: 8px 10px !important; background: transparent !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-form { display: grid !important; grid-template-columns: minmax(0,1fr) 58px !important; gap: 8px !important; height: 46px !important; min-height: 0 !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-input,
body[data-bean-mobile] #bean-chat-overlay .bean-chat-send { height: 46px !important; min-height: 46px !important; min-width: 0 !important; border-radius: 12px !important; font-size: 16px !important; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-input { padding: 0 10px; background: #000b; }
body[data-bean-mobile] #bean-chat-overlay .bean-chat-send { background: #77edff !important; color: #041117 !important; }

}
@layer mobile-center-reference {
.mobile-centers{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.mobile-center-button{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:4px 1px!important;gap:2px!important;overflow:hidden}
.mobile-center-button img{width:48%!important;height:auto!important;aspect-ratio:1;min-height:0;object-fit:contain}
.mobile-center-button span{font-size:clamp(8px,1.8vw,11px)!important;white-space:nowrap!important}
.mobile-center-result{display:flex!important;flex-direction:column;gap:12px;flex:none;min-width:0}
.mobile-center-divider{height:1px;width:100%;border:0;background:#ffffff3b;margin:8px 0 4px}
.mobile-center-note{font-size:14px!important;line-height:1.6!important;padding:10px!important;background:#000b!important;border-radius:10px;margin:0!important}
.mobile-center-reselect{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.mobile-center-content .wm-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block!important}
.mobile-center-content :is(.wm-title,.wm-description,.wm-status:empty){display:none!important}
.mobile-center-content iframe{width:100%!important;border:0!important;display:block!important;background:transparent!important}
.mobile-center-content .wm-universe-stage{height:254px!important;min-height:0!important;aspect-ratio:auto!important;background:#000b!important}
.mobile-center-button span{font-size:11px!important;color:#fff}
@media(max-width:360px){.mobile-centers{grid-template-columns:repeat(3,minmax(0,1fr))}}
}
@layer mobile-center-reference {
.mobile-center-content iframe{min-width:0!important;border-radius:0!important}
.mobile-center-content .wm-universe-stage{height:227px!important}
.mobile-center-note{font-weight:700!important}
body[data-bean-mobile] #bean-chat-overlay .bean-chat-toolbar{margin:0!important}
}
@layer mobile-center-reference {
body[data-bean-mobile] #bean-chat-overlay .bean-chat-toolbar{height:28px!important;min-height:0!important}
body[data-bean-mobile] #bean-chat-overlay .bean-chat-intro-message{border:0!important}
.mobile-center-result,.mobile-center-content{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.mobile-center-content .wm-modules{grid-template-columns:minmax(0,1fr)!important}
.mobile-center-content .wm-card{width:100%!important;min-width:0!important}
}
@layer mobile-center-reference{.mobile-centers{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
.mobile-center-qr{position:fixed;inset:0;margin:auto;padding:0;width:min(320px,calc(100vw - 32px));height:auto;aspect-ratio:1;max-height:calc(100dvh - 64px);border:1px solid #8debf5;border-radius:16px;background:#000;overflow:visible;z-index:2147483647}
.mobile-center-qr::backdrop{background:#0007}
.mobile-center-qr iframe,.mobile-center-qr>img{display:block;width:100%;height:100%;aspect-ratio:1;border:0;border-radius:16px;object-fit:contain}
.mobile-center-qr>img{padding:12px;background:#fff;box-sizing:border-box}
.mobile-center-qr-close{position:absolute;top:-36px;right:0;width:30px;height:30px;border:1px solid #8debf5;border-radius:8px;background:#000b;color:#fff;font-size:22px}