/* One quiet entry point. The chart and microphone remain the primary controls. */
#live-open,#live-menu,#live-desk,#live-operation-status{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;color:#e6eaf0}
#live-open{position:fixed;right:20px;bottom:26px;z-index:42;display:flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid #ffffff21;border-radius:10px;background:#10161ef2;font-size:13px;font-weight:500;cursor:pointer}
#live-open:hover,#live-open[aria-expanded=true]{background:#1c2530;border-color:#ffffff35}
#live-menu,#live-desk{position:fixed;right:20px;bottom:82px;z-index:70;width:340px;max-width:calc(100vw - 24px);max-height:min(660px,72dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#121921;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 8px 28px #0005;font-size:13px;line-height:1.5}
#live-menu{padding:6px}
#live-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;padding:13px 12px;border:0;border-radius:6px;background:transparent;color:#e6eaf0;text-align:left;font:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer}
#live-menu>button:hover,#live-menu>button:focus-visible{background:#ffffff09}
#live-menu button small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#98a4b3}
#live-menu button>span:last-child{color:#788797;font-size:19px;font-weight:400}
#live-menu .menu-divider{height:1px;margin:4px 12px;background:#ffffff12}
#live-menu[hidden],#live-desk[hidden],#live-desk [hidden],#live-operation-status[hidden]{display:none!important}
#live-desk{padding:18px}
#live-desk header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#live-desk h2{margin:0;font-size:16px;letter-spacing:-.2px;font-weight:600}
#live-desk button,#live-desk select,#live-desk input,#live-desk textarea{font-family:inherit;color:inherit;font-size:12px}
#live-desk button{border:1px solid #ffffff20;border-radius:7px;background:#1b2530;cursor:pointer;min-height:38px;padding:8px 12px}
#live-desk button:hover{background:#253240}
#live-desk button:disabled{opacity:.42;cursor:default}
#live-desk button.primary{background:#d7e2ec;border-color:#d7e2ec;color:#19232d;font-weight:600}
#live-desk #live-x{padding:0;width:30px;min-height:30px;border:0;background:transparent;color:#95a2b1;font-size:22px;line-height:1}
#live-desk p{color:#94a2b2;font-size:11px;line-height:1.5;margin:7px 0 12px}
#live-desk #live-mic-state{margin:0 0 13px;color:#a7b6c8;font-size:12px}
#live-desk #live-work{display:none}
#live-desk #live-notice{color:#e4bd85;white-space:pre-wrap}
#live-desk #live-notice:empty{display:none}
#live-desk .row{display:flex;gap:12px;align-items:center;margin:12px 0}
#live-desk .row>label{flex:1;color:#c0cad5;font-size:12px}
#live-desk select,#live-desk textarea,#live-desk input[type=text]{min-width:0;max-width:58%;padding:8px;background:#0d141d;border:1px solid #ffffff20;border-radius:6px;box-sizing:border-box}
#live-desk textarea{width:100%;max-width:100%;resize:vertical;min-height:64px;margin-top:6px}
#live-desk input[type=checkbox]{width:17px;height:17px;accent-color:#b4c9da}
#live-desk .actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#live-desk .actions>#live-start{flex:1}
#live-desk .actions>#live-mute{font-size:11px}
#live-desk details{border-top:1px solid #ffffff13;padding:13px 0}
#live-desk details:last-child{padding-bottom:0}
#live-desk summary{cursor:pointer;font-size:12px;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
#live-desk summary::-webkit-details-marker{display:none}
#live-desk summary:after{content:'+';color:#7b8a9c;font-size:15px;font-weight:400}
#live-desk details[open]>summary:after{content:'−'}
#live-desk .live-presets{display:flex;gap:5px;margin:14px 0}
#live-desk .live-presets button{flex:1;padding:7px 5px;font-size:11px}
#live-desk .live-presets button[aria-pressed=true]{background:#2c3d4c;border-color:#6d889f;color:#edf3f9}
#live-desk .meter{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;color:#a0b0c1;font-variant-numeric:tabular-nums}
#live-desk .meter strong{color:#d9e3ed;font-weight:500}
#live-desk .caption-row{border-bottom:1px solid #ffffff12;padding:10px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#live-desk .caption-row small{display:block;color:#8395a8;font-size:10px;margin-bottom:4px}
#live-transcript{max-height:220px;overflow:auto}
#live-transcript:empty:before{content:'Здесь появится диалог.';color:#8595a8;font-size:12px}
#live-desk #live-sources a{display:block;color:#b8d2e6;margin:9px 0;font-size:12px;overflow-wrap:anywhere}
#live-desk .history-item{padding:12px 0;border-bottom:1px solid #ffffff12;font-size:12px}
#live-desk .history-item .actions{margin:7px 0}
#live-desk .history-item small{display:block;color:#98a8b9}
#live-desk .hint{color:#98a8b9;font-size:11px}
#live-desk .live-operation{padding:7px 0;margin:0;border-top:1px solid #ffffff12;font-size:11px}
#live-desk .live-operation[data-state=uncertain]{color:#e4bd85}
#live-desk .live-operation[data-state=confirmed]{color:#afcebd}
#live-operation-status{position:fixed;left:20px;bottom:26px;z-index:44;border:1px solid #796343;border-radius:8px;background:#211e19;color:#e4c79c;padding:10px 13px;max-width:min(330px,calc(100vw - 130px));font-size:12px;cursor:pointer}
#live-desk :focus-visible,#live-open:focus-visible,#live-menu :focus-visible{outline:2px solid #9ebed6;outline-offset:2px}
#mic.listening{border-color:var(--live);color:var(--live);animation:none!important;transform:none;box-shadow:0 0 0 3px rgba(52,211,153,.16)}
html.lowfx #mic,html.lowfx #status .sd,html.lowfx #cc .think .dots i,html.lowfx #cc .ai .wtail{animation:none!important}
html.viewer #live-open,html.viewer #live-menu,html.viewer #live-desk,html.ui-hidden #live-open,html.ui-hidden #live-menu,html.ui-hidden #live-desk,html.ui-hidden #live-operation-status{display:none!important}
#gate:not(.hidden)~#live-open,#gate:not(.hidden)~#live-menu,#gate:not(.hidden)~#live-desk{display:none!important}
@media(max-width:600px){
 #live-open{right:12px;bottom:20px;min-height:42px;padding:0 12px;font-size:12px}
 #live-menu,#live-desk{left:12px;right:12px;width:auto;bottom:78px;max-height:60dvh}
 #live-desk{padding:16px}
 #live-menu>button{min-height:52px}
 #live-operation-status{left:12px;bottom:78px;font-size:11px;max-width:calc(100vw - 24px)}
}
/* Original canvas chrome remains untouched. Live controls are contained in the original settings panel. */
#dbg #live-settings{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--hair)}
#dbg #live-open{position:static;min-height:40px;width:100%;justify-content:flex-start;border-radius:8px;background:rgba(255,255,255,.06);border-color:var(--hair);font-family:var(--font);font-size:12px}
#dbg #live-menu,#dbg #live-desk{position:static;width:100%;max-width:none;max-height:none;margin-top:8px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;padding:0}
#dbg #live-menu>button{padding:10px 4px}
#dbg #live-desk{padding-top:8px}
#dbg .zx-experience{position:static;inset:auto;width:100%;max-width:none;margin-top:12px;--zxe-bg:transparent;--zxe-line:var(--hair);--zxe-text:var(--fg);--zxe-muted:var(--dim);--zxe-green:var(--live);--zxe-red:var(--err)}
#dbg .zx-experience .zxe-surface{padding:0;border:0;border-radius:0;max-height:none;overflow:visible}
#dbg .zx-experience .zxe-fields{gap:10px}

/* Original circular controls, fitted to a narrow screen without overlapping the quote. */
@media(max-width:600px){
 #pill{left:12px;top:calc(env(safe-area-inset-top,0px) + 12px);transform:none;height:44px;max-width:calc(100vw - 210px);padding:0 10px;gap:6px}
 #pill #sym{display:none}#pill #price{font-size:14px}#pill #tf{font-size:11px;padding:3px 6px}
 #pill #coin,#pill #coin svg{width:20px;height:20px}#pill #dot{width:6px;height:6px}
 #lowfx,#share,#hideui,#endsession{width:40px;height:40px;top:calc(env(safe-area-inset-top,0px) + 14px)}
 #lowfx{right:154px}#share{right:108px}#hideui{right:62px}#endsession{right:62px;top:calc(env(safe-area-inset-top,0px) + 62px)}
 #lowfx svg,#share svg,#hideui svg,#endsession svg{width:20px;height:20px}
}
