/* Website-style controls shared by Avatar tryouts and Personality previews. */
.console-call-bar { --call-danger:#aa443c; --call-danger-hover:#913a33; --call-green:#386e50; position:absolute; z-index:8; left:50%; bottom:16px; transform:translateX(-50%); width:min(420px,calc(100% - 32px)); min-height:64px; display:flex; align-items:center; gap:10px; padding:8px; padding-left:18px; border:1px solid var(--line-strong,#DCD9D2); border-radius:999px; background:rgba(250,248,243,.97); color:var(--ink,#25231C); font:400 14px/1.4 Archivo,sans-serif; }
.console-call-dot { flex:none; width:7px; height:7px; border-radius:50%; background:var(--muted,#68645C); }
.console-call-bar[data-tone="listening"] .console-call-dot { background:var(--call-green); }
.console-call-bar[data-tone="thinking"] .console-call-dot,.console-call-bar[data-tone="speaking"] .console-call-dot { background:var(--brand,#1439A6); }
.console-call-status { flex:1; min-width:0; color:var(--muted,#68645C); overflow-wrap:anywhere; }
.console-call-bar .console-call-button { flex:none; display:grid; place-items:center; width:46px; height:46px; min-height:46px; margin:0; padding:0; border:0; border-radius:50%; background:var(--surface-soft,#F5F3EF); color:var(--ink,#25231C); cursor:pointer; transition:background-color .15s ease; }
.console-call-bar .console-call-button:hover:not(:disabled) { background:var(--line,#EAE8E2); }
.console-call-bar .console-call-end { background:var(--call-danger); color:#fff; }
.console-call-bar .console-call-end:hover:not(:disabled) { background:var(--call-danger-hover); }
.console-call-bar button:disabled { opacity:.5; cursor:default; }
.console-call-bar button:focus-visible { outline:2px solid var(--brand,#1439A6); outline-offset:3px; }
.console-call-bar svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.console-call-bar [hidden] { display:none!important; }
.console-call-surface { position:relative; container-type:inline-size; overflow:hidden; border-radius:12px; background:#F8F7F4; }
.ac-dialog:has(.console-call-surface) { width:min(620px,calc(100% - 32px)); }
.ac-dialog:has(.console-call-surface) .ac-dialog-head { margin-bottom:12px; }
.ac-dialog:has(.console-call-surface) .ac-dialog-head p { display:none; }
.ac-dialog:has(.console-call-surface) .ac-target { margin:0 0 14px; font-size:13px; color:var(--muted); }
.ac-dialog:has(.console-call-surface) .ac-close { width:44px; height:44px; }
.console-call-surface .ac-voice-host { height:min(66dvh,640px); min-height:280px; background:#F8F7F4; border-radius:0; }
.console-call-surface .ac-voice-host iframe { width:100%; height:max(100%,150cqw); position:absolute; top:0; left:0; }
.console-call-surface .ac-voice-host iframe[src*="/try.html"] { height:100%; max-height:none; }
.ac-dialog:has(.console-call-surface) > [data-ac-conversation-status]:empty { display:none; }
.pw-stage:has(.console-call-bar) { container-type:inline-size; aspect-ratio:3/4; max-height:62dvh; border:0; background:#F8F7F4; }
.pw-stage:has(.console-call-bar) .pers-voice-host { height:max(100%,150cqw); }
.pw-stage:has(.console-call-bar) .pw-poster video { object-fit:cover; object-position:center top; }
.pw-test-panel:has(.console-call-bar) .pw-test-status { display:none; }
@media(max-width:600px) {
  .console-call-surface .ac-voice-host { height:min(68dvh,600px); }
  .console-call-bar { bottom:12px; width:calc(100% - 24px); gap:8px; padding-left:14px; font-size:13px; }
  .console-call-bar:has(.console-call-interrupt:not([hidden])) { gap:6px; padding-left:12px; }
  .console-call-bar .console-call-button { width:44px; height:44px; min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { .console-call-bar button { transition:none; } }