/* Line 16015 (edit-bay-eb06-host-r1, key edit_bay_host): the edit bay host's one menu, her camera view, the pointer she uses
   while she talks, and her hidden state. Google-path tokens only (public/css/ns-tokens.css), light and dark, 375 px first.
   The page's own #ns-avatar-menu-btn stays out of sight: the morph host's hover/tap hamburger opens this menu. */
.eb-host { position: sticky; }
.ebh-menu-btn { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
.ebh-menu-btn:focus-visible { position: static; width: 44px; height: 44px; margin: 0; clip: auto; border-radius: 22px; background: var(--ns-card); color: var(--ns-text); }
.ebh-menu { position: absolute; top: calc(100% + 4px); left: 12px; z-index: 30; display: grid; gap: 2px; min-width: 220px; max-width: calc(100vw - 24px); padding: 6px; border: 1px solid var(--ns-border-strong); border-radius: var(--ns-radius); background: var(--ns-card); color: var(--ns-text); box-shadow: 0 8px 24px rgb(0 0 0 / 0.25); }
.ebh-menu[hidden] { display: none; }
.ebh-menu > button, .ebh-lang { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.ebh-menu > button:hover, .ebh-menu > button:focus-visible { background: var(--ns-surface); }
.ebh-menu > button[aria-checked="true"]::after { content: "\2713"; color: var(--ns-gold); }
.ebh-lang select { min-height: 36px; max-width: 140px; border: 1px solid var(--ns-border-strong); border-radius: 8px; background: var(--ns-surface); color: var(--ns-text); font: inherit; font-size: 14px; }
.ebh-consent { margin: 4px 0; padding: 10px 12px; border-radius: 8px; background: var(--ns-surface); font-size: 14px; line-height: 1.45; }
.ebh-consent[hidden] { display: none; }
.ebh-consent button { min-height: 36px; margin: 6px 6px 0 0; padding: 0 12px; border: 1px solid var(--ns-border-strong); border-radius: 18px; background: transparent; color: var(--ns-text); font: inherit; font-size: 14px; cursor: pointer; }
.ebh-consent button[data-ebh-camera-yes] { background: var(--ns-gold); border-color: var(--ns-gold); color: var(--ns-on-accent); }
.ebh-eyes { flex: 0 0 auto; width: 72px; height: 54px; margin-left: auto; object-fit: cover; border-radius: 8px; border: 1px solid var(--ns-border); transform: scaleX(-1); }
.ebh-eyes[hidden] { display: none; }
[data-ebh-point] { outline: 3px solid var(--ns-gold); outline-offset: 3px; border-radius: 8px; transition: outline-color 0.3s ease; }
body[data-ebh-hidden] .eb-host { padding: 4px 12px; }
body[data-ebh-hidden] .eb-host__words, body[data-ebh-hidden] .ebh-eyes { display: none; }
body[data-ebh-hidden] .eb-host__face { flex-basis: 40px; width: 40px; height: 40px; }
@media (prefers-reduced-motion: reduce) { [data-ebh-point] { transition: none; } }
@media (min-width: 768px) { .ebh-menu { left: 16px; } .ebh-eyes { width: 96px; height: 72px; } }