/* Hero · 任务执行工作面
 * 工作空间任务列表、主 Agent 与团队确认共同组成一套真实工作台。
 */

.tt-product-demo--hero-collab {
  --tt-accent: #e77822;
  --tt-shell-topbar-height: 2.8cqw;
  --tt-activity-rail-width: 3.2cqw;
  --tt-task-sidebar-width: 16.4cqw;
  background: #fff;
}

.tt-product-demo--hero-collab .tt-shell-topbar {
  padding: 0 0.9cqw;
}

.tt-product-demo--hero-collab .tt-traffic-lights {
  gap: 0.45cqw;
  margin-right: 0.7cqw;
}

.tt-product-demo--hero-collab .tt-traffic-lights i {
  width: 0.7cqw;
  height: 0.7cqw;
}

.tt-product-demo--hero-collab .tt-shell-collapse {
  width: 1.8cqw;
  height: 1.8cqw;
  margin-right: 0.35cqw;
}

.tt-product-demo--hero-collab .tt-shell-collapse svg {
  width: 1.02cqw;
  height: 1.02cqw;
}

.tt-product-demo--hero-collab .tt-org-switcher {
  height: 1.95cqw;
  max-width: 16.4cqw;
  gap: 0.38cqw;
  padding: 0 0.72cqw;
  border-radius: 0.52cqw;
  font-size: 0.88cqw;
}

.tt-product-demo--hero-collab .tt-org-switcher svg {
  width: 0.72cqw;
  height: 0.72cqw;
}

.tt-product-demo--hero-collab .tt-global-search {
  width: 24.5cqw;
  height: 1.9cqw;
  padding: 0 0.62cqw;
  border-radius: 0.52cqw;
}

.tt-product-demo--hero-collab .tt-global-search svg {
  width: 0.86cqw;
  height: 0.86cqw;
  margin-right: 0.45cqw;
}

.tt-product-demo--hero-collab .tt-shell-status {
  gap: 0.6cqw;
}

.tt-product-demo--hero-collab .tt-shell-status__item,
.tt-product-demo--hero-collab .tt-shell-status__item svg {
  width: 1.05cqw;
  height: 1.05cqw;
}

.tt-product-demo--hero-collab .tt-shell-body {
  background: #fff;
}

.tt-product-demo--hero-collab .tt-activity-rail {
  padding: 0.45cqw 0;
}

.tt-product-demo--hero-collab .tt-rail-org,
.tt-product-demo--hero-collab .tt-rail-profile {
  width: 2.28cqw;
  height: 2.28cqw;
}

.tt-product-demo--hero-collab .tt-rail-org {
  margin-bottom: 0.45cqw;
  border-radius: 0.68cqw;
}

.tt-product-demo--hero-collab .tt-rail-nav,
.tt-product-demo--hero-collab .tt-rail-bottom {
  gap: 0.45cqw;
}

.tt-product-demo--hero-collab .tt-rail-button {
  width: 2.28cqw;
  height: 2.28cqw;
}

.tt-product-demo--hero-collab .tt-rail-button svg {
  width: 1.25cqw;
  height: 1.25cqw;
}

.tt-hero-rail .tt-rail-button.is-active {
  color: var(--tt-accent);
}

.tt-hero-user-avatar {
  color: #332b24;
  font-size: 0.7cqw;
  font-weight: 600;
}

.tt-hero-collab-workspace {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: var(--tt-task-sidebar-width) minmax(0, 1fr);
  overflow: hidden;
  background: #fff;
}

.tt-hero-agent-task {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

.tt-hero-agent-task {
  background: #fff;
}

.tt-hero-task-sidebar {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0.45cqw 0;
  background: #fbfbfa;
  color: #5f5a55;
}

.tt-hero-task-sidebar svg {
  width: 0.92cqw;
  height: 0.92cqw;
  flex: 0 0 auto;
  color: #817c76;
}

.tt-hero-task-sidebar__shortcuts {
  display: grid;
  gap: 0.1cqw;
  padding: 0 0.34cqw 0.45cqw;
}

.tt-hero-task-sidebar__shortcuts span {
  display: flex;
  min-height: 1.82cqw;
  align-items: center;
  gap: 0.48cqw;
  padding: 0 0.52cqw;
  border-radius: 0.4cqw;
  font-size: 0.78cqw;
  font-weight: 400;
}

.tt-hero-task-sidebar__heading {
  display: flex;
  min-height: 1.82cqw;
  align-items: center;
  gap: 0.3cqw;
  padding: 0 0.95cqw;
  color: #77726c;
}

.tt-hero-task-sidebar__heading strong {
  font-size: 0.78cqw;
  font-weight: 500;
}

.tt-hero-task-sidebar__heading span {
  color: #aaa6a0;
  font-size: 0.62cqw;
}

.tt-hero-task-sidebar__heading svg {
  width: 0.68cqw;
  height: 0.68cqw;
  margin-left: auto;
}

.tt-hero-task-sidebar__heading i {
  color: #9d9892;
  font-size: 0.78cqw;
  font-style: normal;
}

.tt-hero-space-row,
.tt-hero-task-row {
  display: flex;
  min-width: 0;
  min-height: 1.82cqw;
  align-items: center;
  gap: 0.46cqw;
  overflow: hidden;
  border-radius: 0.4cqw;
  font-size: 0.76cqw;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-space-row {
  margin: 0 0.34cqw;
  padding: 0 0.52cqw;
}

.tt-hero-space-row.is-open {
  background: #fff3e9;
  color: #4e4944;
}

.tt-hero-space-row.is-open svg {
  color: var(--tt-accent);
}

.tt-hero-space-row strong {
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
}

.tt-hero-task-row {
  position: relative;
  margin-left: 1.38cqw;
  margin-right: 0.34cqw;
  padding: 0 0.42cqw;
  color: #716c66;
}

.tt-hero-task-row.is-current {
  background: #eeedeb;
  color: #37332f;
  font-weight: 500;
}

.tt-hero-task-row.has-dot::before {
  content: "";
  width: 0.34cqw;
  height: 0.34cqw;
  flex: 0 0 auto;
  margin-left: -0.88cqw;
  margin-right: 0.52cqw;
  border-radius: 50%;
  background: var(--tt-accent);
}

.tt-hero-agent-task__header {
  display: flex;
  height: 3.1cqw;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5cqw;
  padding: 0 1.15cqw;
  border-bottom: 1px solid rgba(42, 38, 33, 0.065);
}

.tt-hero-agent-task__avatar {
  display: grid;
  width: 1.92cqw;
  height: 1.92cqw;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(130, 103, 72, 0.14);
  border-radius: 50%;
  background: #f3e8da;
}

.tt-hero-agent-task__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tt-hero-agent-task__identity {
  display: grid;
  min-width: 0;
  line-height: 1.28;
}

.tt-hero-agent-task__identity strong {
  overflow: hidden;
  font-size: 0.9cqw;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-agent-task__identity small {
  margin-top: 0.14cqw;
  color: #918c86;
  font-size: 0.58cqw;
}

.tt-hero-share-trigger {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.36cqw;
  margin-left: 0.22cqw;
  padding: 0.34cqw 0.58cqw;
  border-radius: 999px;
  background: #fff4e9;
  color: #a35b21;
  font-size: 0.62cqw;
  white-space: nowrap;
}

.tt-hero-share-trigger svg {
  width: 0.82cqw;
  height: 0.82cqw;
}

.tt-hero-agent-task__status,
.tt-hero-share-flyout__notice em {
  display: flex;
  align-items: center;
  gap: 0.34cqw;
  color: #4e8a68;
  font-size: 0.62cqw;
  white-space: nowrap;
}

.tt-hero-agent-task__status {
  margin-left: auto;
}

.tt-hero-agent-task__status i,
.tt-hero-share-flyout__notice em i {
  width: 0.34cqw;
  height: 0.34cqw;
  border-radius: 50%;
  background: #45aa73;
}

.tt-hero-agent-task__stream {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 0.5cqw;
  overflow: hidden;
  padding: 1cqw 2.2cqw 6.7cqw;
  background:
    linear-gradient(180deg, rgba(248, 248, 247, 0.5), rgba(255, 255, 255, 0) 12%),
    #fff;
}

.tt-hero-task-prompt {
  align-self: flex-end;
  max-width: 34cqw;
  margin-right: 30.6cqw;
  text-align: right;
}

.tt-hero-task-prompt p {
  margin: 0;
  padding: 0.72cqw 0.9cqw;
  border-radius: 0.78cqw 0.32cqw 0.78cqw 0.78cqw;
  background: #f5f4f2;
  color: #37332f;
  font-size: 0.8cqw;
  line-height: 1.55;
  text-align: left;
}

.tt-hero-task-prompt span {
  display: block;
  margin-top: 0.22cqw;
  color: #aaa6a0;
  font-size: 0.58cqw;
}

.tt-hero-agent-message {
  display: flex;
  max-width: 95%;
  align-items: flex-start;
  gap: 0.72cqw;
}

.tt-hero-avatar {
  display: grid;
  width: 2.18cqw;
  height: 2.18cqw;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  font-size: 0.7cqw;
  font-weight: 600;
}

.tt-hero-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tt-hero-avatar--lin {
  background: #ead7c5;
  color: #6d4932;
}

.tt-hero-avatar--zhou {
  background: #d3e2ec;
  color: #31586d;
}

.tt-hero-avatar--agent {
  border: 1px solid rgba(130, 103, 72, 0.16);
  background: #f3e8da;
}

.tt-hero-agent-message > div {
  min-width: 0;
}

.tt-hero-agent-message__meta {
  display: flex;
  align-items: center;
  gap: 0.46cqw;
  margin-bottom: 0.34cqw;
}

.tt-hero-agent-message__meta strong {
  font-size: 0.78cqw;
  font-weight: 600;
}

.tt-hero-agent-message__meta > span {
  padding: 0.08cqw 0.34cqw;
  border-radius: 0.26cqw;
  background: #f3eadf;
  color: #8b6647;
  font-size: 0.56cqw;
  font-weight: 500;
}

.tt-hero-agent-message__meta time {
  color: #aaa6a0;
  font-size: 0.58cqw;
}

.tt-hero-agent-message p {
  margin: 0;
  padding: 0.68cqw 0.88cqw;
  border-radius: 0.32cqw 0.76cqw 0.76cqw 0.76cqw;
  background: #fbf6ef;
  color: #37332f;
  font-size: 0.78cqw;
  line-height: 1.55;
}

.tt-hero-runtime {
  width: min(37cqw, calc(100% - 2.9cqw));
  margin-left: 2.9cqw;
  color: #6f6a64;
}

.tt-hero-runtime__summary {
  display: flex;
  min-height: 1.72cqw;
  align-items: center;
  gap: 0.46cqw;
  padding: 0 0.32cqw;
  font-size: 0.68cqw;
  font-weight: 500;
}

.tt-hero-runtime__summary svg,
.tt-hero-runtime-step > svg {
  width: 0.88cqw;
  height: 0.88cqw;
  flex: 0 0 auto;
  color: #96918b;
}

.tt-hero-runtime__summary em {
  display: grid;
  min-width: 1.05cqw;
  height: 1.05cqw;
  margin-left: 0.08cqw;
  place-items: center;
  border-radius: 999px;
  background: #f1f0ee;
  color: #8f8a84;
  font-size: 0.54cqw;
  font-style: normal;
  font-weight: 500;
}

.tt-hero-runtime__summary svg:last-child {
  width: 0.72cqw;
  height: 0.72cqw;
  margin-left: 0.04cqw;
}

.tt-hero-runtime__steps {
  display: grid;
  padding-left: 0.18cqw;
}

.tt-hero-runtime-step {
  display: grid;
  min-height: 1.76cqw;
  grid-template-columns: 0.94cqw minmax(0, max-content) minmax(0, 1fr);
  align-items: center;
  column-gap: 0.5cqw;
  padding: 0 0.42cqw;
  border-radius: 0.38cqw;
  color: #807b75;
  font-size: 0.65cqw;
}

.tt-hero-runtime-step > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-runtime-step > small {
  justify-self: start;
  color: #aaa59f;
  font-size: 0.56cqw;
  white-space: nowrap;
}

.tt-hero-runtime-step--running {
  grid-template-columns: 0.94cqw minmax(0, max-content) auto 0.72cqw;
  background: rgba(247, 246, 244, 0.72);
  color: #5f5a55;
}

.tt-hero-runtime-step--running > small {
  background: linear-gradient(90deg, #aaa59f 18%, #67615b 46%, #aaa59f 74%);
  background-size: 220% 100%;
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
}

.tt-hero-runtime-step--running > svg:last-child {
  width: 0.68cqw;
  height: 0.68cqw;
  color: #aaa59f;
}

.tt-hero-runtime--verification {
  margin-top: -0.16cqw;
}

.tt-hero-runtime--verification .tt-hero-runtime-step {
  min-height: 1.5cqw;
}

.tt-hero-runtime-outcome {
  display: flex;
  width: min(34cqw, calc(100% - 2.9cqw));
  min-height: 2.25cqw;
  align-items: center;
  gap: 0.68cqw;
  margin-left: 2.9cqw;
  padding: 0.42cqw 0.64cqw;
  border-radius: 0.52cqw;
  background: #f5f8f6;
  color: #5f6f65;
}

.tt-hero-runtime-outcome > svg {
  width: 1.05cqw;
  height: 1.05cqw;
  flex: 0 0 auto;
  color: #59906f;
}

.tt-hero-runtime-outcome > span {
  display: grid;
  min-width: 0;
  line-height: 1.3;
}

.tt-hero-runtime-outcome strong {
  font-size: 0.64cqw;
  font-weight: 500;
}

.tt-hero-runtime-outcome small {
  margin-top: 0.08cqw;
  overflow: hidden;
  color: #929b95;
  font-size: 0.54cqw;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-agent-summary {
  width: min(37cqw, calc(100% - 2.9cqw));
  margin-left: 2.9cqw;
  color: #4e4944;
  font-size: 0.67cqw;
  line-height: 1.5;
}

.tt-hero-agent-summary p {
  margin: 0;
  padding: 0.16cqw 0.34cqw;
}

.tt-hero-agent-summary strong {
  font-weight: 600;
}

.tt-hero-agent-result {
  display: grid;
  width: min(34cqw, calc(100% - 2.9cqw));
  min-height: 3.85cqw;
  grid-template-columns: 2.15cqw minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.72cqw;
  margin-left: 2.9cqw;
  padding: 0.7cqw 0.82cqw;
  border: 1px solid rgba(52, 120, 196, 0.13);
  border-radius: 0.72cqw;
  background: #f8fbfe;
}

.tt-hero-agent-result__icon {
  display: grid;
  width: 2.15cqw;
  height: 2.15cqw;
  place-items: center;
  border-radius: 0.52cqw;
  background: #e8f1fa;
  color: #3478c4;
}

.tt-hero-agent-result__icon svg {
  width: 1.02cqw;
  height: 1.02cqw;
}

.tt-hero-agent-result > span:nth-child(2) {
  display: grid;
  min-width: 0;
  line-height: 1.3;
}

.tt-hero-agent-result small {
  color: #8f8a84;
  font-size: 0.55cqw;
}

.tt-hero-agent-result strong {
  margin-top: 0.12cqw;
  overflow: hidden;
  font-size: 0.68cqw;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-agent-result__state {
  color: #4d8e6a;
  font-size: 0.57cqw;
  white-space: nowrap;
}

.tt-hero-composer {
  position: absolute;
  right: 1.35cqw;
  bottom: 0.92cqw;
  left: 1.35cqw;
  display: grid;
  height: 7.15cqw;
  grid-template-rows: minmax(1.8cqw, 1fr) 1.05cqw 1.82cqw;
  align-items: center;
  padding: 0.62cqw 0.74cqw 0.48cqw;
  border: 1px solid rgba(42, 38, 33, 0.095);
  border-radius: 0.84cqw;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 0.55cqw 1.9cqw rgba(42, 38, 33, 0.045);
  backdrop-filter: blur(8px);
}

.tt-hero-composer__input {
  align-self: flex-start;
  padding: 0.1cqw 0.16cqw;
  color: #b0aca6;
  font-size: 0.74cqw;
}

.tt-hero-composer__context {
  display: flex;
  min-width: 0;
  max-width: 19cqw;
  align-items: center;
  gap: 0.28cqw;
  justify-self: end;
  overflow: hidden;
  padding-right: 0.18cqw;
  color: #aaa59f;
  font-size: 0.57cqw;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-composer__context b {
  color: #918c86;
  font-size: 0.62cqw;
  font-weight: 500;
}

.tt-hero-composer__toolbar,
.tt-hero-composer__controls,
.tt-hero-composer__actions {
  display: flex;
  align-items: center;
}

.tt-hero-composer__toolbar {
  min-width: 0;
  justify-content: space-between;
  gap: 0.72cqw;
}

.tt-hero-composer__controls {
  min-width: 0;
  gap: 0.1cqw;
  overflow: hidden;
}

.tt-hero-composer__control {
  display: flex;
  height: 1.68cqw;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.26cqw;
  padding: 0 0.32cqw;
  border-radius: 0.38cqw;
  color: #6f6a64;
  font-size: 0.62cqw;
  white-space: nowrap;
}

.tt-hero-composer__control > svg {
  width: 0.76cqw;
  height: 0.76cqw;
  flex: 0 0 auto;
}

.tt-hero-composer__control > svg:last-child {
  width: 0.54cqw;
  height: 0.54cqw;
  color: #98938d;
}

.tt-hero-composer__identity {
  padding-left: 0.1cqw;
}

.tt-hero-composer__identity i {
  display: grid;
  width: 1.48cqw;
  height: 1.48cqw;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(130, 103, 72, 0.15);
  border-radius: 50%;
  background: #f3e8da;
}

.tt-hero-composer__identity img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tt-hero-composer__mode {
  color: #389765;
}

.tt-hero-composer__mode > svg:last-child {
  color: #579c75;
}

.tt-hero-composer__permission {
  color: #77726c;
}

.tt-hero-composer__actions {
  flex: 0 0 auto;
  gap: 0.66cqw;
  margin-left: auto;
  color: #8d8983;
}

.tt-hero-composer__actions > svg {
  width: 0.92cqw;
  height: 0.92cqw;
}

.tt-hero-send {
  display: grid;
  width: 1.65cqw;
  height: 1.65cqw;
  place-items: center;
  border-radius: 50%;
  background: #f2eee9;
  color: #aaa6a0;
}

.tt-hero-send svg {
  width: 0.78cqw;
  height: 0.78cqw;
}

.tt-hero-team-chat {
  background: #fafaf9;
}

.tt-hero-team-chat__header {
  display: flex;
  height: 5.05cqw;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.68cqw;
  padding: 0 1.08cqw;
  border-bottom: 1px solid rgba(42, 38, 33, 0.065);
  background: rgba(255, 255, 255, 0.7);
}

.tt-hero-group-avatar {
  position: relative;
  width: 3.05cqw;
  height: 2.58cqw;
  flex: 0 0 auto;
}

.tt-hero-group-avatar > span,
.tt-hero-group-avatar > img {
  position: absolute;
  display: grid;
  width: 1.9cqw;
  height: 1.9cqw;
  place-items: center;
  border: 0.14cqw solid #fff;
  border-radius: 50%;
  font-size: 0.6cqw;
  font-weight: 600;
  object-fit: cover;
}

.tt-hero-group-avatar > span:first-child {
  top: 0;
  left: 0;
  background: #ead7c5;
  color: #6d4932;
}

.tt-hero-group-avatar > span:nth-child(2) {
  right: 0;
  top: 0;
  background: #d3e2ec;
  color: #31586d;
}

.tt-hero-group-avatar > img {
  bottom: 0;
  left: 0.56cqw;
}

.tt-hero-team-chat__identity {
  display: grid;
  min-width: 0;
  line-height: 1.28;
}

.tt-hero-team-chat__identity strong {
  overflow: hidden;
  font-size: 0.86cqw;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-team-chat__identity small {
  margin-top: 0.12cqw;
  color: #99948e;
  font-size: 0.58cqw;
}

.tt-hero-online {
  margin-left: auto;
  padding: 0.28cqw 0.5cqw;
  border-radius: 999px;
  background: #f2f3f1;
  color: #77736e;
  font-size: 0.56cqw;
}

.tt-hero-team-chat__messages {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 0.75cqw;
  overflow: hidden;
  padding: 0.9cqw 1.05cqw 5.7cqw;
}

.tt-hero-message-date {
  align-self: center;
  color: #aaa6a0;
  font-size: 0.56cqw;
}

.tt-hero-team-message {
  display: flex;
  max-width: 96%;
  align-items: flex-start;
  gap: 0.56cqw;
}

.tt-hero-team-message .tt-hero-avatar {
  width: 1.82cqw;
  height: 1.82cqw;
  font-size: 0.56cqw;
}

.tt-hero-team-message > div {
  min-width: 0;
}

.tt-hero-team-message > div > span {
  display: flex;
  align-items: center;
  gap: 0.4cqw;
  margin-bottom: 0.24cqw;
}

.tt-hero-team-message strong {
  font-size: 0.65cqw;
  font-weight: 600;
}

.tt-hero-team-message time {
  color: #aaa6a0;
  font-size: 0.52cqw;
}

.tt-hero-team-message p {
  margin: 0;
  padding: 0.54cqw 0.66cqw;
  border-radius: 0.28cqw 0.64cqw 0.64cqw 0.64cqw;
  background: #fff;
  color: #4a4641;
  font-size: 0.66cqw;
  line-height: 1.5;
}

.tt-hero-task-card {
  width: calc(100% - 2.38cqw);
  margin-left: 2.38cqw;
  padding: 0.82cqw;
  border: 1px solid rgba(42, 38, 33, 0.09);
  border-radius: 0.76cqw;
  background: #fff;
  box-shadow: 0 0.5cqw 1.6cqw rgba(42, 38, 33, 0.045);
}

.tt-hero-task-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7cqw;
}

.tt-hero-task-card__kind {
  display: flex;
  align-items: center;
  gap: 0.34cqw;
  color: #7c7771;
  font-size: 0.56cqw;
  font-weight: 500;
}

.tt-hero-task-card__kind svg {
  width: 0.82cqw;
  height: 0.82cqw;
  color: var(--tt-accent);
}

.tt-hero-task-card__live {
  font-size: 0.54cqw;
}

.tt-hero-task-card h4 {
  margin: 0.55cqw 0 0;
  font-size: 0.78cqw;
  font-weight: 600;
  line-height: 1.35;
}

.tt-hero-task-card > p {
  margin: 0.24cqw 0 0;
  color: #8e8983;
  font-size: 0.56cqw;
  line-height: 1.48;
}

.tt-hero-task-card__progress {
  display: flex;
  align-items: center;
  gap: 0.58cqw;
  margin-top: 0.58cqw;
}

.tt-hero-task-card__progress > span {
  height: 0.24cqw;
  flex: 1;
  overflow: hidden;
  border-radius: 999px;
  background: #efeeec;
}

.tt-hero-task-card__progress > span i {
  display: block;
  width: 60%;
  height: 100%;
  border-radius: inherit;
  background: #e18a3d;
  transform-origin: left center;
}

.tt-hero-task-card__progress small {
  color: #99948e;
  font-size: 0.51cqw;
}

.tt-hero-task-card ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.34cqw;
  margin-top: 0.58cqw;
  padding-top: 0.54cqw;
  border-top: 1px solid rgba(42, 38, 33, 0.06);
}

.tt-hero-task-card li {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.35cqw minmax(0, 1fr);
  align-items: center;
  gap: 0.38cqw;
}

.tt-hero-task-card li .tt-hero-avatar {
  width: 1.35cqw;
  height: 1.35cqw;
  grid-row: 1 / span 2;
  font-size: 0.44cqw;
}

.tt-hero-task-card li strong {
  overflow: hidden;
  font-size: 0.54cqw;
  font-weight: 500;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-task-card li small {
  display: flex;
  align-items: center;
  gap: 0.22cqw;
  color: #918c86;
  font-size: 0.47cqw;
  line-height: 1.1;
  white-space: nowrap;
}

.tt-hero-team-update {
  display: grid;
  grid-template-columns: 1.6cqw minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.52cqw;
  margin-left: 2.38cqw;
  padding: 0.48cqw 0.62cqw;
  border-radius: 0.58cqw;
  background: rgba(231, 122, 34, 0.055);
}

.tt-hero-team-update img {
  width: 1.6cqw;
  height: 1.6cqw;
  border-radius: 50%;
}

.tt-hero-team-update > span {
  display: grid;
  min-width: 0;
  line-height: 1.25;
}

.tt-hero-team-update strong {
  font-size: 0.55cqw;
  font-weight: 600;
}

.tt-hero-team-update small,
.tt-hero-team-update time {
  color: #938e88;
  font-size: 0.48cqw;
}

.tt-hero-team-composer {
  position: absolute;
  right: 1cqw;
  bottom: 1.05cqw;
  left: 1cqw;
  display: flex;
  height: 3.65cqw;
  align-items: flex-end;
  gap: 0.62cqw;
  padding: 0.68cqw 0.72cqw;
  border: 1px solid rgba(42, 38, 33, 0.085);
  border-radius: 0.72cqw;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0.5cqw 1.6cqw rgba(42, 38, 33, 0.04);
}

.tt-hero-team-composer > span:first-child {
  align-self: flex-start;
  flex: 1;
  color: #b0aca6;
  font-size: 0.62cqw;
}

.tt-hero-team-composer > svg {
  width: 0.92cqw;
  height: 0.92cqw;
  color: #8d8983;
}

.tt-hero-team-composer .tt-hero-send {
  width: 1.55cqw;
  height: 1.55cqw;
}

@media (prefers-reduced-motion: no-preference) {
  .tt-product-demo--hero-collab .tt-hero-stage-human,
  .tt-product-demo--hero-collab .tt-hero-stage-agent,
  .tt-product-demo--hero-collab .tt-hero-stage-trace-1,
  .tt-product-demo--hero-collab .tt-hero-stage-trace-2,
  .tt-product-demo--hero-collab .tt-hero-stage-trace-3,
  .tt-product-demo--hero-collab .tt-hero-stage-trace-4,
  .tt-product-demo--hero-collab .tt-hero-stage-result,
  .tt-product-demo--hero-collab .tt-hero-stage-verify-intro,
  .tt-product-demo--hero-collab .tt-hero-stage-verify-1,
  .tt-product-demo--hero-collab .tt-hero-stage-verify-2,
  .tt-product-demo--hero-collab .tt-hero-stage-verify-3,
  .tt-product-demo--hero-collab .tt-hero-stage-verify-4,
  .tt-product-demo--hero-collab .tt-hero-stage-verify-outcome,
  .tt-product-demo--hero-collab .tt-hero-stage-summary,
  .tt-product-demo--hero-collab .tt-hero-stage-peer,
  .tt-product-demo--hero-collab .tt-hero-stage-task,
  .tt-product-demo--hero-collab .tt-hero-stage-peer-2,
  .tt-product-demo--hero-collab .tt-hero-stage-update,
  .tt-product-demo--hero-collab .tt-hero-stage-person-1,
  .tt-product-demo--hero-collab .tt-hero-stage-person-2,
  .tt-product-demo--hero-collab .tt-hero-stage-person-3 {
    opacity: 0;
    transform: translate3d(0, 0.4cqw, 0);
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-human,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-agent,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-1,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-2,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-3,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-4,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-result,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-intro,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-1,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-2,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-3,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-4,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-outcome,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-summary,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-peer,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-task,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-peer-2,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-update,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-1,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-2,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-3 {
    animation: tt-hero-collab-in 600ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-human { animation-delay: 820ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-agent { animation-delay: 1080ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-1 { animation-delay: 1300ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-2 { animation-delay: 1450ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-3 { animation-delay: 1600ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-trace-4 { animation-delay: 1750ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-result { animation-delay: 1970ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-intro { animation-delay: 2150ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-1 { animation-delay: 2350ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-2 { animation-delay: 2500ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-3 { animation-delay: 2650ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-4 { animation-delay: 2800ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-verify-outcome { animation-delay: 3050ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-summary { animation-delay: 3450ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-peer { animation-delay: 2140ms; }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-task {
    animation: tt-hero-task-in 680ms cubic-bezier(0.18, 0.85, 0.22, 1) 2290ms both;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-1 { animation-delay: 2540ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-2 { animation-delay: 2650ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-3 { animation-delay: 2760ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-peer-2 { animation-delay: 2850ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-update { animation-delay: 3060ms; }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-task-card__progress > span i {
    animation: tt-hero-progress 720ms cubic-bezier(0.2, 0.8, 0.2, 1) 2500ms both;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-task-card__live i {
    animation: tt-hero-presence 1.9s ease-in-out 3000ms infinite;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-runtime-step--running > small {
    animation: tt-hero-runtime-shimmer 1.8s linear 2300ms infinite;
  }
}

@keyframes tt-hero-collab-in {
  from {
    opacity: 0;
    transform: translate3d(0, 0.4cqw, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes tt-hero-task-in {
  from {
    opacity: 0;
    transform: translate3d(0.42cqw, 0.55cqw, 0) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes tt-hero-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes tt-hero-presence {
  0%,
  100% { box-shadow: 0 0 0 0 rgba(69, 170, 115, 0); }
  50% { box-shadow: 0 0 0 0.25cqw rgba(69, 170, 115, 0.16); }
}

@keyframes tt-hero-runtime-shimmer {
  from { background-position: 200% 0; }
  to { background-position: -20% 0; }
}

/* 发送给同事：悬浮于任务工作面之上，不占据主布局。 */
.tt-hero-share-flyout {
  position: absolute;
  z-index: 8;
  top: 3.75cqw;
  right: 1.2cqw;
  width: 29.2cqw;
  overflow: visible;
  padding: 0.9cqw;
  border: 1px solid rgba(42, 38, 33, 0.11);
  border-radius: 0.86cqw;
  background: rgba(255, 255, 255, 0.975);
  box-shadow:
    0 1.25cqw 3.8cqw rgba(42, 38, 33, 0.13),
    0 0.25cqw 0.9cqw rgba(42, 38, 33, 0.05);
  backdrop-filter: blur(12px);
}

.tt-hero-share-flyout::before {
  content: "";
  position: absolute;
  top: -0.36cqw;
  right: 3.4cqw;
  width: 0.68cqw;
  height: 0.68cqw;
  border-top: 1px solid rgba(42, 38, 33, 0.11);
  border-left: 1px solid rgba(42, 38, 33, 0.11);
  background: #fff;
  transform: rotate(45deg);
}

.tt-hero-share-flyout__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75cqw;
  padding: 0.1cqw 0.08cqw 0.72cqw;
}

.tt-hero-share-flyout__header > span:first-child {
  display: grid;
  min-width: 0;
  line-height: 1.3;
}

.tt-hero-share-flyout__header small {
  color: #9b9690;
  font-size: 0.54cqw;
}

.tt-hero-share-flyout__header strong {
  margin-top: 0.12cqw;
  overflow: hidden;
  font-size: 0.76cqw;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-share-flyout__members {
  display: flex;
  flex: 0 0 auto;
}

.tt-hero-share-flyout__members i {
  display: grid;
  width: 1.55cqw;
  height: 1.55cqw;
  place-items: center;
  border: 0.12cqw solid #fff;
  border-radius: 50%;
  background: #ead7c5;
  color: #6d4932;
  font-size: 0.48cqw;
  font-style: normal;
  font-weight: 600;
}

.tt-hero-share-flyout__members i + i {
  margin-left: -0.34cqw;
}

.tt-hero-share-flyout__members i:nth-child(2) {
  background: #d3e2ec;
  color: #31586d;
}

.tt-hero-share-flyout__members i:nth-child(3) {
  background: #e1dfef;
  color: #554c81;
}

.tt-hero-share-flyout__notice {
  display: grid;
  min-height: 3.6cqw;
  grid-template-columns: 2cqw minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65cqw;
  padding: 0.62cqw 0.7cqw;
  border: 1px solid rgba(222, 122, 32, 0.14);
  border-radius: 0.66cqw;
  background: #fffaf5;
}

.tt-hero-share-flyout__notice > svg {
  width: 1.05cqw;
  height: 1.05cqw;
  margin: 0 auto;
  color: var(--tt-accent);
}

.tt-hero-share-flyout__notice > span {
  display: grid;
  min-width: 0;
  line-height: 1.28;
}

.tt-hero-share-flyout__notice small {
  color: #9b9690;
  font-size: 0.51cqw;
}

.tt-hero-share-flyout__notice strong {
  margin-top: 0.1cqw;
  overflow: hidden;
  font-size: 0.65cqw;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-share-flyout__notice em {
  font-size: 0.52cqw;
  font-style: normal;
}

.tt-hero-share-flyout__messages {
  display: grid;
  gap: 0.62cqw;
  padding: 0.85cqw 0.18cqw 0.7cqw;
}

.tt-hero-share-flyout .tt-hero-team-message {
  max-width: 100%;
}

.tt-hero-share-flyout .tt-hero-team-message p {
  background: #f6f5f3;
}

.tt-hero-share-flyout__states {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38cqw;
  padding: 0.65cqw 0.08cqw;
  border-top: 1px solid rgba(42, 38, 33, 0.06);
}

.tt-hero-share-flyout__states > span {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.42cqw minmax(0, 1fr);
  align-items: center;
  gap: 0.38cqw;
}

.tt-hero-share-flyout__states .tt-hero-avatar {
  width: 1.42cqw;
  height: 1.42cqw;
  grid-row: 1 / span 2;
  font-size: 0.46cqw;
  font-style: normal;
}

.tt-hero-share-flyout__states strong {
  overflow: hidden;
  font-size: 0.54cqw;
  font-weight: 500;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tt-hero-share-flyout__states small {
  color: #918c86;
  font-size: 0.47cqw;
  line-height: 1.08;
  white-space: nowrap;
}

.tt-hero-share-flyout > footer {
  display: flex;
  height: 2.8cqw;
  align-items: center;
  gap: 0.58cqw;
  padding: 0 0.7cqw;
  border: 1px solid rgba(42, 38, 33, 0.075);
  border-radius: 0.62cqw;
  background: #fff;
  color: #aaa6a0;
  font-size: 0.56cqw;
}

.tt-hero-share-flyout > footer span {
  flex: 1;
}

.tt-hero-share-flyout > footer svg {
  width: 0.82cqw;
  height: 0.82cqw;
  color: #9b9690;
}

@media (prefers-reduced-motion: no-preference) {
  .tt-product-demo--hero-collab .tt-hero-stage-task-select,
  .tt-product-demo--hero-collab .tt-hero-stage-share-trigger,
  .tt-product-demo--hero-collab .tt-hero-stage-share {
    opacity: 0;
  }

  .tt-product-demo--hero-collab .tt-hero-stage-task-select {
    transform: translate3d(-0.3cqw, 0, 0);
  }

  .tt-product-demo--hero-collab .tt-hero-stage-share-trigger {
    transform: scale(0.94);
  }

  .tt-product-demo--hero-collab .tt-hero-stage-share {
    transform: translate3d(0.55cqw, 0.55cqw, 0) scale(0.975);
    transform-origin: top right;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-task-select,
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-share-trigger {
    animation: tt-hero-collab-in 580ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-task-select {
    animation-delay: 620ms;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-share-trigger {
    animation-delay: 2140ms;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-share {
    animation: tt-hero-share-in 720ms cubic-bezier(0.18, 0.85, 0.22, 1) 2320ms both;
  }

  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-peer { animation-delay: 2640ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-peer-2 { animation-delay: 2830ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-1 { animation-delay: 3040ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-2 { animation-delay: 3150ms; }
  #splash.is-active .tt-product-demo--hero-collab .tt-hero-stage-person-3 { animation-delay: 3260ms; }
}

@keyframes tt-hero-share-in {
  from {
    opacity: 0;
    transform: translate3d(0.55cqw, 0.55cqw, 0) scale(0.975);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Workspace v2 · 真实三栏工作台
 * 以浅灰区域区分目录、任务与团队确认，不再依赖悬浮卡片制造层级。
 */
.tt-product-demo--workspace-v2 {
  --tt-accent: #397bd6;
  --tt-task-sidebar-width: 14.8cqw;
  --tt-review-pane-width: 21.4cqw;
  color: #24272b;
  background: #f7f9fc;
}

.tt-product-demo--workspace-v2 .tt-shell-topbar {
  border-bottom: 1px solid rgba(49, 65, 87, 0.06);
  background:
    linear-gradient(105deg, rgba(226, 237, 253, 0.78), rgba(247, 243, 238, 0.74) 48%, rgba(244, 247, 251, 0.9));
}

.tt-product-demo--workspace-v2 .tt-org-switcher {
  background: rgba(255, 255, 255, 0.52);
  color: #353a40;
}

.tt-product-demo--workspace-v2 .tt-global-search {
  border: 1px solid rgba(56, 78, 107, 0.06);
  background: rgba(255, 255, 255, 0.54);
  color: #8a929c;
}

.tt-product-demo--workspace-v2 .tt-shell-body {
  background: #f5f7fa;
}

.tt-product-demo--workspace-v2 .tt-activity-rail {
  border-right: 1px solid rgba(49, 65, 87, 0.055);
  background: rgba(249, 251, 253, 0.9);
}

.tt-product-demo--workspace-v2 .tt-rail-org {
  background: #397bd6;
  color: #fff;
}

.tt-product-demo--workspace-v2 .tt-hero-rail .tt-rail-button.is-active {
  border-radius: 0.62cqw;
  background: #eaf2fd;
  color: #397bd6;
}

.tt-product-demo--workspace-v2 .tt-hero-collab-workspace {
  grid-template-columns: var(--tt-task-sidebar-width) minmax(0, 1fr) var(--tt-review-pane-width);
  background: #fff;
}

.tt-product-demo--workspace-v2.tt-product-demo--multidevice .tt-hero-collab-workspace {
  grid-template-columns: var(--tt-task-sidebar-width) minmax(0, 1fr);
}

.tt-product-demo--workspace-v2 .tt-hero-task-sidebar {
  padding: 0.72cqw 0.42cqw;
  border-right: 1px solid rgba(49, 65, 87, 0.055);
  background: #f5f7f9;
  color: #5d6570;
}

.tt-product-demo--workspace-v2 .tt-hero-task-sidebar__shortcuts {
  gap: 0.18cqw;
  padding: 0 0 0.72cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-task-sidebar__shortcuts span,
.tt-product-demo--workspace-v2 .tt-hero-space-row,
.tt-product-demo--workspace-v2 .tt-hero-task-row {
  min-height: 2.06cqw;
  border-radius: 0.5cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-task-sidebar__heading {
  min-height: 2.15cqw;
  padding: 0 0.58cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-space-row {
  margin: 0;
  padding: 0 0.54cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-space-row.is-open {
  background: #eaf2fd;
  color: #2d4f7d;
}

.tt-product-demo--workspace-v2 .tt-hero-task-row {
  margin-right: 0;
  margin-left: 1.16cqw;
  padding: 0 0.58cqw;
  color: #6b737d;
}

.tt-product-demo--workspace-v2 .tt-hero-task-row.is-current {
  background: #fff;
  color: #242a31;
  box-shadow: inset 0 0 0 1px rgba(54, 84, 122, 0.055);
}

.tt-product-demo--workspace-v2 .tt-hero-agent-task {
  border-right: 1px solid rgba(49, 65, 87, 0.055);
  background: #fff;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-task__header {
  height: 3.65cqw;
  padding: 0 1.3cqw;
  border-bottom-color: rgba(49, 65, 87, 0.065);
  background: rgba(255, 255, 255, 0.94);
}

.tt-product-demo--workspace-v2 .tt-hero-agent-task__avatar {
  border-color: rgba(57, 123, 214, 0.12);
  background: #eef4fc;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-task__identity strong {
  font-size: 0.96cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-task__identity small {
  font-size: 0.61cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-share-trigger {
  background: #eef4fc;
  color: #3971bd;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-task__stream {
  gap: 0.78cqw;
  padding: 1.35cqw 1.75cqw 6.65cqw;
  background:
    linear-gradient(180deg, rgba(246, 248, 251, 0.76), rgba(255, 255, 255, 0) 16%),
    #fff;
}

.tt-product-demo--workspace-v2 .tt-hero-task-prompt {
  max-width: 31cqw;
  margin-right: 0;
  margin-left: auto;
}

.tt-product-demo--workspace-v2 .tt-hero-task-prompt p {
  border-radius: 0.72cqw 0.28cqw 0.72cqw 0.72cqw;
  background: #f1f3f5;
  font-size: 0.84cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-message {
  max-width: 100%;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-message p {
  background: #f6f8fb;
  font-size: 0.82cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-message__meta > span {
  background: #eaf2fd;
  color: #3971bd;
}

.tt-product-demo--workspace-v2 .tt-hero-runtime {
  width: calc(100% - 2.9cqw);
  padding: 0.58cqw 0.68cqw 0.65cqw;
  border-radius: 0.72cqw;
  background: #f7f8fa;
}

.tt-product-demo--workspace-v2 .tt-hero-runtime__summary {
  min-height: 1.9cqw;
  padding: 0 0.12cqw 0.25cqw;
  color: #555e68;
}

.tt-product-demo--workspace-v2 .tt-hero-runtime__steps {
  gap: 0.08cqw;
  padding-left: 0;
}

.tt-product-demo--workspace-v2 .tt-hero-runtime-step {
  min-height: 1.9cqw;
  grid-template-columns: 1.05cqw minmax(0, max-content) minmax(0, 1fr);
  padding: 0 0.5cqw;
  color: #626b75;
  font-size: 0.68cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-runtime-step > svg {
  color: #6d92c4;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-result {
  width: calc(100% - 2.9cqw);
  min-height: 4.2cqw;
  border-color: rgba(57, 123, 214, 0.16);
  background: #f7faff;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-result__icon {
  background: #e7f0fc;
  color: #397bd6;
}

.tt-product-demo--workspace-v2 .tt-hero-agent-result strong {
  font-size: 0.74cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-composer {
  right: 1.2cqw;
  bottom: 0.82cqw;
  left: 1.2cqw;
  height: 5.9cqw;
  grid-template-rows: minmax(1.55cqw, 1fr) 1.7cqw;
  padding: 0.7cqw 0.78cqw 0.55cqw;
  border-color: rgba(49, 65, 87, 0.085);
  border-radius: 0.78cqw;
  box-shadow: 0 0.35cqw 1.3cqw rgba(50, 68, 91, 0.04);
}

.tt-product-demo--workspace-v2 .tt-hero-composer__context {
  display: none;
}

.tt-product-demo--workspace-v2 .tt-hero-send {
  background: #eaf2fd;
  color: #397bd6;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout--docked {
  position: relative;
  z-index: 1;
  top: auto;
  right: auto;
  display: flex;
  width: auto;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  padding: 1.25cqw 1.05cqw 1cqw;
  border: 0;
  border-radius: 0;
  background: #f5f7f9;
  box-shadow: none;
  backdrop-filter: none;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout--docked::before {
  display: none;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__header {
  padding: 0 0 1cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__header strong {
  margin-top: 0.18cqw;
  font-size: 0.9cqw;
  color: #2c3239;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__notice {
  min-height: 4.2cqw;
  border-color: rgba(57, 123, 214, 0.11);
  background: #fff;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__notice > svg {
  color: #397bd6;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__messages {
  align-content: start;
  gap: 0.78cqw;
  padding: 1.05cqw 0 0.92cqw;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout .tt-hero-team-message p {
  border-radius: 0.28cqw 0.58cqw 0.58cqw 0.58cqw;
  background: #fff;
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__states {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7cqw;
  padding: 0.82cqw 0;
  border-top-color: rgba(49, 65, 87, 0.07);
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout__states > span {
  padding: 0.38cqw;
  border-radius: 0.52cqw;
  background: rgba(255, 255, 255, 0.72);
}

.tt-product-demo--workspace-v2 .tt-hero-share-flyout > footer {
  height: 3.15cqw;
  margin-top: auto;
  border-color: rgba(49, 65, 87, 0.08);
  background: rgba(255, 255, 255, 0.88);
}