/* First an intimate creative conversation; completed and pending runs reveal
   a separate canvas. All rules are scoped to the embedded Vaia workspace. */
#v-home.agent-workspace #cgchatpanel.vw-host{
  flex:0 1 auto;align-self:center;margin:auto;max-width:760px;width:100%;
  height:min(640px,82dvh,calc(100dvh - 124px));min-height:0;
}
#v-home.agent-workspace #cgchatpanel.vw-host #agent.vw-enabled{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);
  height:100%;min-height:0;max-height:none;isolation:isolate;
  border:0;border-radius:28px;background:linear-gradient(145deg,#1b1a29c7,#10141dbd);
  box-shadow:0 18px 70px -36px #000b,inset 0 1px 0 #ffffff12;
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
}
#v-home.agent-workspace #agent.vw-enabled[hidden]{display:none!important}
#v-home.agent-workspace #agent.vw-enabled>.ag-inbox{display:none!important}
#v-home.agent-workspace #agent.vw-enabled>.ag-conversation{
  display:flex;grid-column:1;grid-row:1;min-height:0;height:100%;min-width:0;
}
#v-home.agent-workspace #agent.vw-enabled .ag-head{min-height:64px;padding:12px 18px;border-bottom-color:#ffffff09}
#v-home.agent-workspace #agent.vw-enabled .ag-log{padding:22px 26px;min-height:0;gap:18px;scrollbar-gutter:stable}
#v-home.agent-workspace #agent.vw-enabled .ag-hello{gap:15px;margin:auto;max-width:460px}
#v-home.agent-workspace #agent.vw-enabled .ag-hello>.vorb{--s:66px!important}
#v-home.agent-workspace #agent.vw-enabled .ag-hello :is(h1,h2){font-size:clamp(24px,2.4vw,31px);letter-spacing:-.8px}
#v-home.agent-workspace #agent.vw-enabled .ag-hello p{font-size:14px;line-height:1.6;max-width:34ch}
#v-home.agent-workspace #agent.vw-enabled .ag-recommend{padding:8px 18px;max-height:94px}
#v-home.agent-workspace #agent.vw-enabled .ag-comp{padding:10px 16px 13px;background:#10131b58;border-top:0}
#v-home.agent-workspace #agent.vw-enabled .ag-panel{min-height:0;max-height:none;padding:20px 24px}
#v-home.agent-workspace #cgchatpanel.vw-host.vw-panel{max-width:1000px;height:min(860px,calc(100dvh - 112px))}
#v-home.agent-workspace #cgchatpanel.vw-host.vw-has-results:not(.vw-panel){max-width:1400px;height:min(840px,calc(100dvh - 112px))}

#agent.vw-enabled>.ag-results{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#0a0c1259}
#agent.vw-enabled .ag-results-head{display:flex;align-items:center;gap:10px;flex:none;min-height:64px;padding:15px 22px}
#agent.vw-enabled .ag-results-head h2{margin:0;font-size:15px;letter-spacing:0;color:#f1eff7}
#agent.vw-enabled .ag-results-count{font-size:12px;color:#aab6ce}
#agent.vw-enabled .ag-results-list{display:flex;flex-direction:column;gap:20px;min-height:0;flex:1;padding:0 22px 22px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#agent.vw-enabled .ag-results .ag-msg.run{display:flex;flex:none;margin:0;padding:0;width:100%;max-width:none}
#agent.vw-enabled .ag-results .ag-msg.run>.ag-av{display:none}
#agent.vw-enabled .ag-results .ag-res{border:0;border-radius:18px;background:#06070b;overflow:hidden}
#agent.vw-enabled .ag-results .ag-res :is(img,video){display:block;width:100%;height:auto;max-height:58dvh;object-fit:contain}
#agent.vw-enabled .ag-results .ag-wait{padding:42px 20px;background:radial-gradient(ellipse at 50% 50%,#783cff16,transparent 70%)}
#agent.vw-enabled .ag-results .ag-runmeta{font-size:12px;line-height:1.5}
#agent.vw-enabled>.ag-workspace-tabs{display:none}
#agent.vw-enabled>.ag-results[hidden],#agent.vw-enabled>.ag-workspace-tabs[hidden]{display:none!important}

@media(min-width:1000px){
  #v-home.agent-workspace #cgchatpanel.vw-host #agent.vw-enabled.vw-has-results:not(.vw-panel){grid-template-columns:minmax(0,42fr) minmax(0,58fr)}
  #agent.vw-enabled.vw-has-results:not(.vw-panel)>.ag-results{grid-column:2;grid-row:1;border-left:1px solid #ffffff0a}
}
@media(max-width:999px){
  #v-home.agent-workspace #cgchatpanel.vw-host #agent.vw-enabled.vw-has-results:not(.vw-panel){grid-template-rows:auto minmax(0,1fr)}
  #agent.vw-enabled.vw-has-results:not(.vw-panel)>.ag-workspace-tabs{display:flex;grid-row:1;grid-column:1;gap:6px;justify-content:center;padding:9px 12px;background:#0d101766}
  #agent.vw-enabled .ag-workspace-tabs button{min-height:38px;min-width:110px;padding:9px 15px;border:0;border-radius:14px;background:#ffffff06;color:#b7c1d8;font:600 12px var(--sans,system-ui);cursor:pointer}
  #agent.vw-enabled .ag-workspace-tabs button[aria-pressed=true]{background:#a28ad524;color:#f7f2ff}
  #agent.vw-enabled .ag-workspace-tabs button:focus-visible{outline:2px solid #bdccff;outline-offset:2px}
  #v-home.agent-workspace #agent.vw-enabled.vw-has-results:not(.vw-panel)>.ag-conversation,#agent.vw-enabled.vw-has-results:not(.vw-panel)>.ag-results{grid-row:2;grid-column:1}
  #agent.vw-enabled[data-vw-pane="chat"]>.ag-results{display:none}
  #v-home.agent-workspace #cgchatpanel #agent.vw-enabled.vw-has-results[data-vw-pane="creations"]:not(.vw-panel)>.ag-conversation{display:none!important}
}
@media(max-width:700px){
  #v-home.agent-workspace #cgchatpanel.vw-host{width:100%;height:min(680px,calc(100dvh - 88px - var(--kb,0px) - var(--dock,0px)));max-width:none}
  #v-home.agent-workspace #cgchatpanel.vw-host:is(.vw-has-results,.vw-panel){height:calc(100dvh - 80px - var(--kb,0px) - var(--dock,0px))}
  #v-home.agent-workspace #cgchatpanel.vw-host #agent.vw-enabled{border-radius:22px}
  #v-home.agent-workspace #agent.vw-enabled .ag-head{min-height:60px;padding:10px 12px}
  #v-home.agent-workspace #agent.vw-enabled .ag-log{padding:18px 15px;gap:15px}
  #v-home.agent-workspace #agent.vw-enabled .ag-recommend{padding:7px 12px;max-height:88px}
  #v-home.agent-workspace #agent.vw-enabled .ag-comp{padding:8px 10px 12px}
  #v-home.agent-workspace #agent.vw-enabled .ag-panel{padding:16px}
  #agent.vw-enabled .ag-results-head{min-height:54px;padding:12px 16px}
  #agent.vw-enabled .ag-results-list{padding:0 14px 20px}
  #agent.vw-enabled .ag-results .ag-res :is(img,video){max-height:62dvh}
}
@media(max-height:600px){
  #v-home.agent-workspace #cgchatpanel.vw-host{height:calc(100dvh - 100px)}
  #v-home.agent-workspace #agent.vw-enabled .ag-head{min-height:48px;padding-top:6px;padding-bottom:6px}
  #v-home.agent-workspace #agent.vw-enabled .ag-hello>.vorb{--s:40px!important}
  #v-home.agent-workspace #agent.vw-enabled .ag-hello{gap:8px}
}
@media(prefers-reduced-transparency:reduce){
  #v-home.agent-workspace #cgchatpanel.vw-host #agent.vw-enabled{background:#131722;backdrop-filter:none;-webkit-backdrop-filter:none}
}

#v-home.agent-workspace #cgchatpanel.vw-host:has(#agent.vw-empty:not(.vw-panel)){height:auto;max-width:760px;max-height:calc(100dvh - 128px)}
#v-home.agent-workspace #agent.vw-empty:not(.vw-panel){height:auto;background:transparent;box-shadow:none;backdrop-filter:none}
#v-home.agent-workspace #agent.vw-empty:not(.vw-panel) .ag-log{flex:none;padding:24px 20px 16px}
#v-home.agent-workspace #agent.vw-empty:not(.vw-panel) .ag-hello{margin:0 auto;gap:10px}
#v-home.agent-workspace #agent.vw-empty:not(.vw-panel) .ag-head{min-height:48px;padding:8px 16px}
#v-home.agent-workspace #agent.vw-empty:not(.vw-panel) .ag-recommend{display:none}
.ag-comp.ag-drop-ready{outline:2px solid #a78bfa;outline-offset:-3px;background:#7855d533!important}