/* v0.34.250 — three-column dual-platform live workspace */
.stream-live-workspace {
  display: grid;
  grid-template-columns: minmax(220px, .82fr) minmax(420px, 1.7fr) minmax(220px, .82fr);
  grid-template-rows: auto auto auto auto auto auto;
  column-gap: 12px;
  align-items: stretch;
  min-width: 0;
}

.stream-live-workspace .stream-card,
.stream-live-workspace .stream-pair {
  display: contents;
}

.stream-live-workspace .stream-card--youtube .stream-card-head {
  grid-column: 2;
  grid-row: 1;
}
.stream-live-workspace .stream-card--youtube .stream-quick-actions {
  grid-column: 2;
  grid-row: 2;
}
.stream-live-workspace .stream-card--youtube .stream-pane--video {
  grid-column: 2;
  grid-row: 3;
}
.stream-live-workspace .stream-card--youtube .stream-pane--chat {
  grid-column: 1;
  grid-row: 1 / 7;
}

.stream-live-workspace .stream-card--twitch .stream-card-head {
  grid-column: 2;
  grid-row: 4;
}
.stream-live-workspace .stream-card--twitch .stream-quick-actions {
  grid-column: 2;
  grid-row: 5;
}
.stream-live-workspace .stream-card--twitch .stream-pane--video {
  grid-column: 2;
  grid-row: 6;
}
.stream-live-workspace .stream-card--twitch .stream-pane--chat {
  grid-column: 3;
  grid-row: 1 / 7;
}

.stream-live-workspace .stream-card-head,
.stream-live-workspace .stream-quick-actions,
.stream-live-workspace .stream-pane--video,
.stream-live-workspace .stream-pane--chat {
  min-width: 0;
}

.stream-live-workspace .stream-card-head {
  border: 1px solid var(--border);
  border-bottom: 0;
  background: var(--panel);
}
.stream-live-workspace .stream-quick-actions {
  border-inline: 1px solid var(--border);
  background: var(--panel);
}
.stream-live-workspace .stream-pane--video {
  overflow: hidden;
  border: 1px solid var(--border);
  background: #101318;
}
.stream-live-workspace .stream-card--youtube .stream-card-head {
  border-radius: 15px 15px 0 0;
}
.stream-live-workspace .stream-card--youtube .stream-pane--video {
  margin-bottom: 12px;
  border-radius: 0 0 15px 15px;
}
.stream-live-workspace .stream-card--twitch .stream-card-head {
  border-radius: 15px 15px 0 0;
}
.stream-live-workspace .stream-card--twitch .stream-pane--video {
  border-radius: 0 0 15px 15px;
}

.stream-live-workspace .stream-pane--chat {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: #151a20;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.stream-live-workspace .stream-chat-head {
  flex: 0 0 auto;
}
.stream-live-workspace .stream-chat-placeholder {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-content: normal;
  justify-content: stretch;
  overflow: hidden;
}
.stream-live-workspace .stream-chat-frame {
  display: block;
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  border: 0;
}
.stream-live-workspace .stream-pane--chat.is-collapsed {
  align-self: start;
  border: 1px solid var(--border);
}

/* display:contents means opacity on the card itself has no visual box. */
.stream-live-workspace .stream-card.is-dimmed .stream-card-head,
.stream-live-workspace .stream-card.is-dimmed .stream-quick-actions,
.stream-live-workspace .stream-card.is-dimmed .stream-pane {
  opacity: .72;
}
.stream-live-workspace .stream-card.is-focused .stream-card-head,
.stream-live-workspace .stream-card.is-focused .stream-pane--video {
  border-color: #4b91df;
}

@media (max-width: 900px) {
  .stream-live-workspace {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, auto);
    row-gap: 0;
  }

  .stream-live-workspace .stream-card--youtube .stream-card-head { grid-column: 1; grid-row: 1; }
  .stream-live-workspace .stream-card--youtube .stream-quick-actions { grid-column: 1; grid-row: 2; }
  .stream-live-workspace .stream-card--youtube .stream-pane--video { grid-column: 1; grid-row: 3; margin-bottom: 0; }
  .stream-live-workspace .stream-card--youtube .stream-pane--chat { grid-column: 1; grid-row: 4; }
  .stream-live-workspace .stream-card--twitch .stream-card-head { grid-column: 1; grid-row: 5; }
  .stream-live-workspace .stream-card--twitch .stream-quick-actions { grid-column: 1; grid-row: 6; }
  .stream-live-workspace .stream-card--twitch .stream-pane--video { grid-column: 1; grid-row: 7; }
  .stream-live-workspace .stream-card--twitch .stream-pane--chat { grid-column: 1; grid-row: 8; }

  .stream-live-workspace .stream-card-head {
    margin-top: 12px;
  }
  .stream-live-workspace .stream-card--youtube .stream-card-head {
    margin-top: 0;
  }
  .stream-live-workspace .stream-pane--video,
  .stream-live-workspace .stream-pane--chat {
    border-radius: 0 0 15px 15px;
  }
  .stream-live-workspace .stream-pane--chat {
    margin-bottom: 12px;
    border-top: 1px solid var(--border);
  }
  .stream-live-workspace .stream-chat-placeholder,
  .stream-live-workspace .stream-chat-frame {
    min-height: 360px !important;
    height: 360px !important;
  }
}

@media (max-width: 640px) {
  .stream-live-workspace .stream-chat-placeholder,
  .stream-live-workspace .stream-chat-frame {
    min-height: 320px !important;
    height: 320px !important;
  }
}