/* Desktop app composer styles, scoped to the restored demonstrations. */
:is(.ap-chat-root,.ap-voice-composer) .icon{ width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: var(--eden-r-10); background: none; cursor: pointer; color: var(--eden-ink-2); }
:is(.ap-chat-root,.ap-voice-composer) .icon:hover{ background: var(--eden-fill-hover); color: var(--eden-ink); }
:is(.ap-chat-root,.ap-voice-composer) .icon svg{ width: var(--eden-i-md); height: var(--eden-i-md); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
:is(.ap-chat-root,.ap-voice-composer) .icon[aria-pressed="true"]{ color: var(--eden-ink); }
:is(.ap-chat-root,.ap-voice-composer) .pill{ height: 30px; padding: 0 var(--eden-space-14); border: 1px solid var(--eden-ink); border-radius: var(--eden-r-pill); background: var(--eden-ink); color: var(--eden-black); font-weight: var(--eden-w-medium); cursor: pointer; }
:is(.ap-chat-root,.ap-voice-composer) .pill:hover{ background: var(--eden-ink-hover); }
:is(.ap-chat-root,.ap-voice-composer) .pill:disabled{ opacity: .4; cursor: default; }
:is(.ap-chat-root,.ap-voice-composer) .chat-head,:is(.ap-chat-root,.ap-voice-composer) .logs{ display: none; }
:is(.ap-chat-root,.ap-voice-composer) .chat-head{ display: flex; align-items: center; gap: var(--eden-space-4); flex: none; box-sizing: border-box; height: var(--eden-h-bar); padding: 0 var(--eden-space-8) 0 var(--eden-space-16); box-shadow: inset 0 -1px 0 var(--eden-line); }
:is(.ap-chat-root,.ap-voice-composer) .composer{ margin: 0; border: 0; border-top: 1px solid var(--eden-line); border-radius: 0; background: var(--eden-surface);
  padding: var(--eden-space-12) var(--eden-space-16) var(--eden-space-10); }
:is(.ap-chat-root,.ap-voice-composer) .latest .icon{ width: 24px; height: 24px; flex: none; }
:is(.ap-chat-root,.ap-voice-composer) .composer{ position: relative; background: var(--eden-surface-2); border: 1px solid var(--eden-line-2); border-radius: var(--eden-r-14);
  box-shadow: var(--eden-lift-menu); padding: var(--eden-space-10) var(--eden-space-12) var(--eden-space-8); }
:is(.ap-chat-root,.ap-voice-composer) .composer{ box-shadow: none; }
:is(.ap-chat-root,.ap-voice-composer) .composer:focus-within{ border-color: var(--eden-line-strong); }
:is(.ap-chat-root,.ap-voice-composer) .composer:focus-within{ border-color: var(--eden-line-2); }
:is(.ap-chat-root,.ap-voice-composer) .composer textarea{ width: 100%; resize: none; border: 0; background: none; outline: none; padding: 0; font-size: var(--eden-t-14); line-height: var(--eden-lh-body); max-height: 200px; }
:is(.ap-chat-root,.ap-voice-composer) .composer textarea::placeholder{ color: var(--eden-ink-3); }
:is(.ap-chat-root,.ap-voice-composer) .composer-row{ display: flex; align-items: center; gap: var(--eden-space-4); margin-top: var(--eden-space-6); min-width: 0; }
:is(.ap-chat-root,.ap-voice-composer) .composer-row .send{ margin-left: auto; flex: none; }
:is(.ap-chat-root,.ap-voice-composer) .composer-foot{ display: flex; align-items: center; gap: var(--eden-space-8); min-width: 0; margin-top: var(--eden-space-6); }
:is(.ap-chat-root,.ap-voice-composer) .composer-foot .agent{ flex: 0 1 auto; min-width: 0; display: flex; }
:is(.ap-chat-root,.ap-voice-composer) .composer-foot .meta{ flex: 1; min-width: 0; text-align: right; font-size: var(--eden-t-12); color: var(--eden-ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(.ap-chat-root,.ap-voice-composer) .agent select{
  -webkit-appearance: none; appearance: none; height: 24px; field-sizing: content; max-width: 100%; min-width: 0; padding: 0 var(--eden-space-20) 0 0;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23F7F8F8' stroke-opacity='.5' stroke-width='1.5'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 6px center / 13px;
  border: 0; color: var(--eden-ink-3); font-size: var(--eden-t-12); cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
:is(.ap-chat-root,.ap-voice-composer) .agent select:hover,:is(.ap-chat-root,.ap-voice-composer) .agent select:focus-visible{ color: var(--eden-ink); }
:is(.ap-chat-root,.ap-voice-composer) .send{ position: relative; background: none; border-color: transparent; color: var(--eden-ink); }
:is(.ap-chat-root,.ap-voice-composer) .send:hover{ background: var(--eden-fill-on); }
:is(.ap-chat-root,.ap-voice-composer) .send::before{ content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none; background: var(--eden-iris);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
:is(.ap-chat-root,.ap-voice-composer) .send:hover:not(:disabled)::before,:is(.ap-chat-root,.ap-voice-composer) .send:focus-visible::before{ animation: eden-flow var(--eden-flow-ring, 3.4s) linear infinite; }
:is(.ap-chat-root,.ap-voice-composer) .send:disabled{ opacity: 1; color: var(--eden-ink-3); }
:is(.ap-chat-root,.ap-voice-composer) .send:disabled::before{ opacity: .35; }
:is(.ap-chat-root,.ap-voice-composer) .mic{ position: relative; }
:is(.ap-chat-root,.ap-voice-composer) .mic[aria-pressed="true"]{ color: var(--eden-ink); background: var(--eden-fill-on); }
:is(.ap-chat-root,.ap-voice-composer) .mic[aria-pressed="true"]::before{ content: ""; position: absolute; inset: -1px; border-radius: 50%; padding: 1.5px; background: var(--eden-iris);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: eden-flow 1.6s linear infinite; }
:is(.ap-chat-root,.ap-voice-composer) .files .tag{ display: inline-flex; align-items: center; gap: var(--eden-space-4); padding-right: var(--eden-space-4); }
:is(.ap-chat-root,.ap-voice-composer) .files .tag button{ border: 0; background: none; color: var(--eden-ink-3); cursor: pointer; padding: 0 var(--eden-space-2); font-size: var(--eden-t-12); }
:is(.ap-chat-root,.ap-voice-composer) .files .tag button:hover{ color: var(--eden-ink); }
:is(.ap-chat-root,.ap-voice-composer) .msg.person .selected.sent{ margin-bottom: var(--eden-space-6); }
:is(.ap-chat-root,.ap-voice-composer) .selected{ display: flex; flex-wrap: wrap; gap: var(--eden-space-4); margin-bottom: var(--eden-space-8); }
:is(.ap-chat-root,.ap-voice-composer) .selected .tag{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--eden-t-12); color: var(--eden-ink-2);
  background: var(--eden-fill-on); border-radius: var(--eden-r-pill); padding: var(--eden-space-2) var(--eden-space-8); }
:is(.ap-chat-root,.ap-voice-composer) .composer::after{ content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; background: var(--eden-iris); opacity: 0; pointer-events: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; transition: opacity .25s; }
:is(.ap-chat-root,.ap-voice-composer) .composer::after{ inset: -1px 0 auto 0; height: 1.5px; padding: 0; border-radius: 0; -webkit-mask: none; mask: none;
  background: var(--eden-iris-band); background-size: 200% 100%; }
:is(.ap-chat-root,.ap-voice-composer) .chat-head{ padding: 0 var(--eden-space-6) 0 var(--eden-space-14); box-shadow: inset 0 -1px 0 var(--eden-line); }
:is(.ap-chat-root,.ap-voice-composer) .composer{ border-top-color: var(--eden-line); }
:is(.ap-chat-root,.ap-voice-composer) .fr-acts .pill{ height: 36px; padding: 0 var(--eden-space-20); }
:is(.ap-chat-root,.ap-voice-composer) .send::before,:is(.ap-chat-root,.ap-voice-composer) .mic::before,:is(.ap-chat-root,.ap-voice-composer) .voice::before,:is(.ap-chat-root,.ap-voice-composer) .composer::after,:is(.ap-chat-root,.ap-voice-composer) .light::before{ animation: none !important; transition: none !important; }
:is(.ap-chat-root,.ap-voice-composer) .composer textarea:focus-visible,:is(.ap-chat-root,.ap-voice-composer) .addr input:focus-visible{ outline: 2px solid var(--eden-ink); outline-offset: 2px; }
:is(.ap-chat-root,.ap-voice-composer) .chat-head,:is(.ap-chat-root,.ap-voice-composer) [data-app-id="menuClose"]{display:none!important}
.ap-chat-root{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;background:var(--eden-surface);color:var(--eden-ink);font-family:var(--eden-text-ui-family);font-size:var(--eden-text-ui-size)}
.ap-chat-root .chat-head{display:flex;align-items:center;height:var(--eden-h-bar,54px);padding:var(--eden-space-8) var(--eden-space-16);flex:none;border-bottom:var(--eden-edge-1) solid var(--eden-line)}
.ap-chat-root .lc-log{flex:1;min-height:0;overflow:hidden;padding:var(--eden-space-16);position:relative}
.ap-chat-root .composer.lc-in{position:relative;inset:auto;flex:none;width:auto;display:block;box-shadow:none;margin:0;border:0;border-top:var(--eden-edge-1) solid var(--eden-line);border-radius:0;background:var(--eden-surface);padding:var(--eden-space-12) var(--eden-space-16) var(--eden-space-10)}
.ap-chat-root .lc-t,.ap-voice-composer textarea{display:block;width:100%;min-height:var(--eden-space-32);height:var(--eden-space-32);color:var(--eden-ink);font:inherit;line-height:var(--eden-text-body-line-height);box-sizing:border-box;white-space:pre-wrap}
.ap-chat-root .composer-foot select,.ap-voice-composer select{font-family:var(--eden-text-ui-family);font-size:var(--eden-text-small-size)}
.ap-chat-root .selected,.ap-voice-composer .selected{display:flex;gap:var(--eden-space-4);padding:0 0 var(--eden-space-8)}
.ap-chat-root .tag,.ap-voice-composer .tag{display:inline-flex;align-items:center;border:var(--eden-edge-1) solid var(--eden-line-2);border-radius:var(--eden-r-6);padding:var(--eden-space-4) var(--eden-space-6);font-size:var(--eden-text-small-size);color:var(--eden-ink-2)}
.ap-voice-composer.vs-ask{display:block!important;left:auto;right:var(--eden-space-12);bottom:var(--eden-space-12);width:220px;opacity:1;transform:none;padding:var(--eden-space-10);box-sizing:border-box}
.ap-voice-composer .st-listen,.ap-voice-composer .st-heard{color:var(--eden-ink);background:var(--eden-fill-on)}
.ld-pal [data-app-part="tools"]{height:100%!important;background:transparent!important}
.ld-pal [data-app-part="railStack"]{top:0!important}
.cmz-pal [data-app-part="tools"]{width:100%!important}
.cmz-pal [data-app-part="railStack"]{top:0!important;bottom:220px!important}
.vs-cv .ap-voice-composer{z-index:5}
.vs-cv .vs-bd--vo{left:var(--eden-space-16)!important;right:var(--eden-space-16)!important;bottom:150px!important}
/* Replace the old demo's highly specific single-line chat input with the app's full composer. */
.ap-chat-root .composer.lc-in{display:block!important;flex:none!important;align-items:stretch!important;gap:var(--eden-space-0)!important;min-height:0!important;width:100%!important;margin:0!important;padding:var(--eden-space-12) var(--eden-space-16) var(--eden-space-10)!important;border:0!important;border-top:var(--eden-edge-1) solid var(--eden-line)!important;border-radius:0!important;background:var(--eden-surface)!important;box-shadow:none!important}
.ap-chat-root .lc-t{white-space:pre-wrap!important;overflow:hidden!important;min-width:0!important;flex:none!important}
.ap-chat-root .lc-log{position:relative!important;flex:1 1 auto!important;overflow:hidden!important;min-height:0!important;padding:var(--eden-space-16)!important}
.ap-chat-root .chat-head{display:flex!important;flex:none!important;color:var(--eden-ink)}
.ap-voice-composer.vs-ask{height:auto!important;min-height:0!important;font-family:var(--eden-text-ui-family);font-size:var(--eden-text-ui-size);font-weight:var(--eden-text-ui-weight);line-height:var(--eden-text-ui-line-height,normal);letter-spacing:var(--eden-text-ui-tracking);text-transform:var(--eden-text-ui-case,none);color:var(--eden-ink)}

.ap-voice-composer textarea{resize:none;border:0;background:none;outline:none;padding:0}
.ap-voice-composer .vs-mic::after{display:none}