:root {
  --workspace-accent: var(--pink, var(--ui-accent, #e8175d));
  --workspace-accent-rgb: var(--pink-rgb, var(--ui-accent-rgb, 232,23,93));
  --workspace-panel: rgba(16, 16, 20, 0.68);
  --workspace-panel-strong: rgba(18, 18, 23, 0.86);
  --workspace-line: rgba(255,255,255,0.11);
  --workspace-line-soft: rgba(255,255,255,0.07);
  --workspace-muted: rgba(255,255,255,0.54);
  --workspace-dim: rgba(255,255,255,0.34);
  --workspace-shadow: 12, 12, 18;
  --workspace-pill-radius: 2rem;
  --workspace-soft-radius: 1.35rem;
}

html, body {
  min-height: 100%;
  background: transparent;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#workspace-root {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
}

#workspace-root .workspace-view,
#workspace-root .workspace-view::before,
#workspace-root .workspace-view::after {
  isolation: isolate;
}
#workspace-root[hidden] { display: none; }
#workspace-root > .workspace-view { min-height: 100%; }
#workspace-root > .workspace-view[hidden] { display: none !important; }
#workspace-root .workspace-view > #main-content {
  position: relative;
  inset: auto;
  min-height: 100%;
  height: auto;
}
#workspace-root .workspace-games,
#workspace-root .workspace-cloud,
#workspace-root .workspace-media {
  min-height: 100%;
}

body {
  overflow-x: hidden;
  scrollbar-color: rgba(var(--workspace-accent-rgb), .55) transparent;
}

button, input, textarea, select { font: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid rgba(var(--workspace-accent-rgb), .78);
  outline-offset: 2px;
}

.games-page {
  max-width: 1360px;
  padding: 28px clamp(18px, 4vw, 52px) 72px;
}
.games-page__title {
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2.45rem);
  letter-spacing: 0;
  margin-bottom: 4px;
}
.games-page__title::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 12px;
  border-radius: 2px;
  background: var(--workspace-accent);
  box-shadow: 0 0 18px rgba(var(--workspace-accent-rgb), .55);
}
.games-page__subtitle {
  color: var(--workspace-muted);
  margin-bottom: 25px;
  text-align: center;
}
.games-page__title {
  text-align: center;
}
.games-page__title::after {
  margin-left: auto;
  margin-right: auto;
}
.source-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  border-radius: 2rem;
  padding: 3px;
  margin: 0 auto 24px;
  position: relative;
  border: 1px solid var(--ui-border-sub);
  overflow-x: auto;
  scrollbar-width: none;
}
.source-tabs::-webkit-scrollbar { display: none; }
.source-tabs::before { display: none; }
.source-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--ui-text-sub);
  font-size: 11.5px;
  font-weight: 600;
  font-family: inherit;
  padding: 6px 12px;
  border-radius: 999px;
  position: relative;
  z-index: 1;
  transition: color .18s;
}
.source-tab:hover,
.source-tab.active { color: var(--ui-text); }
.source-tab:active { transform: scale(.98); }
.source-tab.active { background: transparent; box-shadow: none; }
.source-tab::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border: 2px solid var(--ui-accent);
  border-radius: 999px;
  background: transparent;
  box-shadow: 0 0 8px rgba(var(--ui-accent-rgb, 232,23,93), .35);
  opacity: 0;
  pointer-events: none;
  transition: left .28s cubic-bezier(.22,1,.36,1), width .28s cubic-bezier(.22,1,.36,1), opacity .15s;
}
.source-tabs.is-positioned::after {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: var(--source-slider-left, 0px);
  width: var(--source-slider-width, 0px);
  border: 2px solid var(--ui-accent);
  border-radius: 999px;
  background: transparent;
  box-shadow: 0 0 8px rgba(var(--ui-accent-rgb, 232,23,93), .35);
  pointer-events: none;
  z-index: 0;
  transition: left .28s cubic-bezier(.22,1,.36,1), width .28s cubic-bezier(.22,1,.36,1);
}
.pgcdn-toolbar, .history-toolbar, .pg-panel-toolbar {
  border: 1px solid var(--workspace-line-soft);
  border-radius: var(--workspace-pill-radius);
  padding: 9px;
  background: rgba(13,13,18,.82);
}
.pgcdn-toolbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 12px;
  position: static;
  top: auto;
  padding: 9px;
}
.pgcdn-search, .history-search {
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
  border-radius: var(--workspace-pill-radius);
}
.pgcdn-search {
  flex: 0 1 180px;
  width: 180px;
  min-width: 0;
  height: 38px;
  transition: flex-basis .25s ease, width .25s ease, box-shadow .2s ease, border-color .2s ease;
}
.pgcdn-search:focus {
  flex-basis: min(520px, 70vw);
  width: min(520px, 70vw);
  border-color: rgba(var(--workspace-accent-rgb), .65);
  box-shadow: 0 0 0 2px rgba(var(--workspace-accent-rgb), .12), 0 0 18px rgba(var(--workspace-accent-rgb), .16);
}
.pgcdn-grid, .pgcdn-virtual { gap: 14px; }
.pgcdn-shelf + .pgcdn-toolbar,
.pgcdn-toolbar + .pgcdn-grid,
.pgcdn-toolbar + .pgcdn-virtual {
  margin-top: 0;
}
.pgcdn-toolbar {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 12px;
  padding: 9px;
  position: static;
}
.pgcdn-toolbar .pgcdn-search {
  flex-basis: 180px;
  width: 180px;
}
.pgcdn-toolbar .pgcdn-search:focus {
  flex-basis: min(520px, 70vw);
  width: min(520px, 70vw);
}
.pgcdn-sync-badge {
  justify-content: center;
  text-align: center;
  margin: 0 auto 10px;
  width: fit-content;
}
#workspace-root .workspace-games #panel-pgcdn .pgcdn-toolbar {
  position: relative;
  margin: 0 auto 30px;
}
#workspace-root .workspace-games #panel-pgcdn .pgcdn-sync-badge {
  display: flex;
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  width: fit-content;
  color: var(--ui-text-sub);
  font-size: 11px;
  white-space: nowrap;
  z-index: 2;
}
.history-toolbar {
  position: static;
  top: auto;
  padding: 9px;
  margin: -10px auto 12px;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--workspace-pill-radius);
}
.history-toolbar .history-search {
  flex: 0 1 240px;
  width: 240px;
  min-width: 0;
  height: 38px;
  border-radius: var(--workspace-pill-radius);
}
.history-toolbar .history-sort-group {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
  border-radius: var(--workspace-pill-radius);
  padding: 3px;
  background: rgba(255,255,255,.045);
  border: 1px solid var(--workspace-line-soft);
  overflow: hidden;
}
.history-toolbar .history-sort-group .history-sort-btn {
  flex: 0 0 auto;
  min-width: 36px;
}
.history-toolbar .history-sort-btn,
.history-toolbar .history-clear-btn {
  position: relative;
  z-index: 1;
  border-radius: 999px;
  transition: color .18s, background .18s, transform .18s;
}
.history-toolbar .history-sort-btn.active {
  color: var(--ui-text);
  background: transparent;
}
.history-toolbar .history-sort-group {
  background: transparent;
  border: 0;
  overflow: visible;
}
.history-toolbar .history-sort-group::after { display: none; }
.history-toolbar .history-sort-btn.active {
  background: transparent;
  box-shadow: inset 0 0 0 2px var(--ui-accent), 0 0 8px rgba(var(--ui-accent-rgb, 232,23,93), .35);
}
.history-toolbar + .history-list {
  margin-top: 0;
}
.pg-panel-toolbar {
  border-radius: var(--workspace-pill-radius);
  width: fit-content;
  max-width: 100%;
  margin: -10px auto 12px;
  padding: 9px;
  gap: 10px;
}
.pg-panel-toolbar .pgcdn-count,
.pg-panel-toolbar .pg-cloud-badge,
.pg-panel-toolbar .pg-add-btn {
  border-radius: 999px;
}
.pg-panel-toolbar .pgcdn-count,
.pg-panel-toolbar .pg-cloud-badge {
  padding: 6px 12px;
  background: rgba(255,255,255,.055);
  white-space: nowrap;
}
.pg-panel-toolbar .pg-add-btn {
  padding: 8px 16px;
}
.history-list__row {
  border-radius: var(--workspace-pill-radius);
}
.history-list__thumb {
  border-radius: var(--workspace-pill-radius);
}
.pgcdn-card {
  border-radius: var(--workspace-soft-radius);
  background: rgba(255,255,255,.045);
  border-color: var(--workspace-line-soft);
}
.pgcdn-card:hover {
  border-color: rgba(var(--workspace-accent-rgb), .58);
  background: rgba(var(--workspace-accent-rgb), .14);
  box-shadow: 0 12px 30px rgba(var(--workspace-shadow), .32);
}

#workspace-root .workspace-games #pg-personal-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 760px;
  margin: 100px auto 0;
}
#workspace-root .workspace-games #pg-personal-grid .pgcdn-card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 38px;
  align-items: center;
  min-height: 72px;
  width: 100%;
  border-radius: var(--workspace-pill-radius);
  padding: 8px 12px 8px 8px;
  overflow: hidden;
}
#workspace-root .workspace-games #pg-personal-grid .pgcdn-card__img {
  width: 86px;
  height: 54px;
  flex: none;
  aspect-ratio: auto;
  border-radius: 1rem;
  object-fit: cover;
}
#workspace-root .workspace-games #pg-personal-grid .pgcdn-card__img.pg-no-art {
  background: rgba(var(--workspace-accent-rgb), .12);
  color: var(--workspace-accent);
  font-size: 1.15rem;
}
#workspace-root .workspace-games #pg-personal-grid .pg-plutonium-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--workspace-accent-rgb), .12);
  border: 1px solid rgba(var(--workspace-accent-rgb), .5);
  color: var(--workspace-accent);
  font-size: 1.15rem;
}
#workspace-root .workspace-games #pg-personal-grid .pgcdn-card__name {
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: auto;
  min-width: 0;
  padding: 10px 16px;
  line-height: 1.25;
  flex: none;
}
#workspace-root .workspace-games #pg-personal-grid .pgcdn-card__name strong {
  overflow: hidden;
  color: var(--ui-text);
  font-size: .9rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#workspace-root .workspace-games #pg-personal-grid .pgcdn-card__name small {
  color: var(--ui-text-muted);
  font-size: .7rem;
}
#workspace-root .workspace-games #pg-personal-grid .pg-card-more {
  position: static;
  display: flex;
  width: 34px;
  height: 34px;
  justify-self: end;
  align-self: center;
  border-radius: 999px;
  opacity: .7;
  background: rgba(255,255,255,.08);
  color: var(--ui-text-sub);
  z-index: 2;
}
#workspace-root .workspace-games #pg-personal-grid .pg-card-more:hover {
  opacity: 1;
  color: var(--ui-text);
  background: rgba(255,255,255,.16);
}

#workspace-root .workspace-games #pg-modal-overlay {
  background: rgba(5, 5, 10, .72);
}
#workspace-root .workspace-games .pg-modal {
  max-width: 520px;
  border-radius: var(--workspace-pill-radius);
  border-color: rgba(var(--workspace-accent-rgb), .35);
  background: rgba(22, 22, 28, .82);
  box-shadow: 0 18px 60px rgba(var(--workspace-shadow), .55), inset 0 1px 0 rgba(255,255,255,.12);
}
#workspace-root .workspace-games .pg-modal__header,
#workspace-root .workspace-games .pg-modal__footer {
  border-color: var(--workspace-line-soft);
}
#workspace-root .workspace-games .pg-modal__header { padding: 16px 20px 13px; }
#workspace-root .workspace-games .pg-modal__title { color: var(--ui-text); }
#workspace-root .workspace-games .pg-modal__title i { color: var(--workspace-accent); }
#workspace-root .workspace-games .pg-modal__close:hover { background: rgba(255,255,255,.1); }
#workspace-root .workspace-games .pg-modal__body { gap: 16px; }
#workspace-root .workspace-games .pg-drop-zone {
  border-radius: var(--workspace-soft-radius);
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.045);
}
#workspace-root .workspace-games .pg-drop-zone:hover,
#workspace-root .workspace-games .pg-drop-zone.drag-over,
#workspace-root .workspace-games .pg-drop-zone.has-file {
  border-color: rgba(var(--workspace-accent-rgb), .58);
  background: rgba(var(--workspace-accent-rgb), .1);
}
#workspace-root .workspace-games .pg-drop-zone__icon,
#workspace-root .workspace-games .pg-drop-zone.has-file .pg-drop-zone__icon,
#workspace-root .workspace-games .pg-field-label { color: var(--workspace-accent); }
#workspace-root .workspace-games .pg-drop-zone__label,
#workspace-root .workspace-games .pg-field-hint { color: var(--ui-text-sub); }
#workspace-root .workspace-games .pg-field-input {
  border-radius: var(--workspace-pill-radius);
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
  color: var(--ui-text);
}
#workspace-root .workspace-games .pg-field-input:focus {
  border-color: rgba(var(--workspace-accent-rgb), .65);
  box-shadow: 0 0 0 2px rgba(var(--workspace-accent-rgb), .12);
}
#workspace-root .workspace-games .pg-btn { border-radius: 999px; }
#workspace-root .workspace-games .pg-btn--primary {
  background: var(--workspace-accent);
}
#workspace-root .workspace-games .pg-btn--primary:hover:not(:disabled) {
  background: rgba(var(--workspace-accent-rgb), .82);
}
#workspace-root .workspace-games .pg-btn--ghost {
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
  color: var(--ui-text-sub);
}
#workspace-root .workspace-games .pg-btn--ghost:hover:not(:disabled) {
  background: rgba(255,255,255,.12);
  color: var(--ui-text);
}

#workspace-root #main-content {
  padding: clamp(18px, 3vw, 34px) clamp(16px, 4vw, 52px) 22px;
  gap: 18px;
}
#workspace-root #main-content .page-header {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--workspace-line-soft);
}
#workspace-root #main-content .page-header-icon {
  color: var(--workspace-accent);
  border-color: rgba(var(--workspace-accent-rgb), .38);
  background: rgba(var(--workspace-accent-rgb), .11);
  border-radius: var(--workspace-pill-radius);
}
#workspace-root #main-content .page-title { font-size: 22px; letter-spacing: 0; }
#workspace-root #main-content .page-subtitle { color: var(--workspace-muted); }
.model-pill, .voice-pill {
  border-radius: var(--workspace-pill-radius);
  padding: 9px 12px;
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
}
.model-pill:hover, .voice-pill:hover { border-color: rgba(var(--workspace-accent-rgb), .55); }
.chat-panel { min-height: 0; }
.welcome-screen { gap: 14px; }
.welcome-icon {
  border-radius: var(--workspace-pill-radius);
  color: var(--workspace-accent);
  border-color: rgba(var(--workspace-accent-rgb), .45);
  background: rgba(var(--workspace-accent-rgb), .1);
}
.welcome-title { font-size: 21px; }
.suggestion-grid { max-width: 680px; gap: 9px; }
.suggestion-card {
  border-radius: var(--workspace-soft-radius);
  border-color: var(--workspace-line-soft);
  background: rgba(255,255,255,.045);
}
.suggestion-card:hover {
  border-color: rgba(var(--workspace-accent-rgb), .5);
  background: rgba(var(--workspace-accent-rgb), .1);
}

.cg-page {
  max-width: 1360px;
  padding: 30px clamp(18px, 4vw, 52px) 72px;
}
.cg-heading {
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2.45rem);
  letter-spacing: 0;
  margin-bottom: 22px;
  text-align: center;
}
.cg-heading::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  background: var(--workspace-accent);
  box-shadow: 0 0 18px rgba(var(--workspace-accent-rgb), .55);
}
.cg-toolbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 12px;
  position: static;
  top: auto;
  padding: 9px;
  border: 1px solid var(--workspace-line-soft);
  border-radius: var(--workspace-pill-radius);
  background: rgba(13,13,18,.82);
}
.cg-search {
  border-radius: var(--workspace-pill-radius);
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
  flex: 0 1 180px;
  width: 180px;
  min-width: 0;
  height: 38px;
  transition: flex-basis .25s ease, width .25s ease, box-shadow .2s ease, border-color .2s ease;
}
.cg-search:focus {
  flex-basis: min(520px, 70vw);
  width: min(520px, 70vw);
  border-color: rgba(var(--workspace-accent-rgb), .65);
  box-shadow: 0 0 0 2px rgba(var(--workspace-accent-rgb), .12), 0 0 18px rgba(var(--workspace-accent-rgb), .16);
}
.cg-grid { grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; }
.cg-card { border-radius: var(--workspace-soft-radius); border-color: var(--workspace-line-soft); }
.cg-card:hover { border-color: rgba(var(--workspace-accent-rgb), .58); }
.cg-tag-pill.active { background: transparent; border-color: transparent; color: var(--ui-text, #fff); }

.stream-hero {
  height: 25vh;
  min-height: 175px;
  max-width: 1360px;
  padding: 0 clamp(18px, 4vw, 52px) 26px;
}
.stream-hero__inner {
  width: 100%;
  text-align: center;
}
.stream-hero__title {
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: 0;
}
.stream-hero__title em { color: var(--workspace-accent); }
.stream-page {
  max-width: 1360px;
  padding: 0 clamp(18px, 4vw, 52px) 72px;
}
.media-tabs {
  position: relative;
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 18px;
  border: 1px solid var(--workspace-line-soft);
  border-radius: var(--workspace-pill-radius);
  padding: 4px;
  gap: 4px;
  background: rgba(10,10,14,.55);
}
.media-tabs.is-positioned::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: var(--media-tab-slider-left, 0px);
  width: var(--media-tab-slider-width, 0px);
  border: 2px solid var(--workspace-accent);
  border-radius: var(--workspace-pill-radius);
  background: rgba(var(--workspace-accent-rgb), .08);
  box-shadow: 0 0 8px rgba(var(--workspace-accent-rgb), .35);
  pointer-events: none;
  z-index: 0;
  transition: left .28s cubic-bezier(.22,1,.36,1), width .28s cubic-bezier(.22,1,.36,1);
}
.media-tab {
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: var(--workspace-pill-radius);
  padding: 9px 15px;
  white-space: nowrap;
}
.media-tab.active {
  color: #fff;
  border-color: transparent;
  background: transparent;
}
.stream-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 18px;
  padding: 9px;
  border: 1px solid var(--workspace-line-soft);
  border-radius: var(--workspace-pill-radius);
  background: rgba(13,13,18,.82);
}
.stream-search {
  border-radius: var(--workspace-pill-radius);
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
  flex: 0 1 220px;
  width: 220px;
  min-width: 0;
  height: 38px;
  transition: flex-basis .25s ease, width .25s ease, box-shadow .2s ease, border-color .2s ease;
}
.stream-search:focus {
  flex-basis: min(400px, 58vw);
  width: min(400px, 58vw);
  border-color: rgba(var(--workspace-accent-rgb), .65);
  box-shadow: 0 0 0 2px rgba(var(--workspace-accent-rgb), .12), 0 0 18px rgba(var(--workspace-accent-rgb), .16);
}
.stream-select, .adult-toggle {
  border-radius: var(--workspace-pill-radius);
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
}
.stream-dropdown {
  border-radius: var(--workspace-pill-radius);
  border-color: rgba(var(--workspace-accent-rgb), .25);
  background: rgba(18,18,23,.92);
}
.stream-dropdown__item.active {
  color: var(--workspace-accent);
  background: rgba(var(--workspace-accent-rgb), .12);
}

.tags-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.tags-bar::after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: var(--media-slider-left, 0px);
  width: var(--media-slider-width, 0px);
  border: 2px solid var(--workspace-accent);
  border-radius: 999px;
  background: transparent;
  box-shadow: 0 0 8px rgba(var(--workspace-accent-rgb), .35);
  pointer-events: none;
  opacity: var(--media-slider-visible, 0);
  transition: left .28s cubic-bezier(.22,1,.36,1), width .28s cubic-bezier(.22,1,.36,1), opacity .15s;
}
.tag {
  position: relative;
  z-index: 1;
  background: transparent;
  border-color: transparent;
}
.tag:hover { background: transparent; border-color: transparent; }
.tag.active { color: #fff; background: transparent; border-color: transparent; }

#workspace-root .workspace-media .age-verify__box,
#workspace-root .workspace-media .adult-gate__box {
  border-radius: 2.6rem;
  border-color: rgba(var(--workspace-accent-rgb), .34);
  box-shadow: 0 18px 60px rgba(var(--workspace-shadow), .5), inset 0 1px 0 rgba(255,255,255,.14);
}
#workspace-root .workspace-media .age-verify__deny,
#workspace-root .workspace-media .age-verify__confirm,
#workspace-root .workspace-media .adult-gate__deny,
#workspace-root .workspace-media .adult-gate__confirm {
  border-radius: 999px;
}

#workspace-root .workspace-media .details-modal__inner {
  border-radius: 2.2rem;
  border-color: rgba(var(--workspace-accent-rgb), .3);
  box-shadow: 0 18px 60px rgba(var(--workspace-shadow), .5), inset 0 1px 0 rgba(255,255,255,.14);
}
#workspace-root .workspace-media .details-poster { border-radius: 1.15rem; }
#workspace-root .workspace-media .details-chip { border-radius: 999px; }
#workspace-root .workspace-media .detail-dropdown__btn,
#workspace-root .workspace-media .details-watch-btn,
#workspace-root .workspace-media .details-fav-btn {
  border-radius: 999px;
}
#workspace-root .workspace-media .detail-dropdown__menu { border-radius: 1rem; }
#workspace-root .workspace-media .detail-option { border-radius: 999px; padding-left: 14px; }

#workspace-root .workspace-games #pgcdn-ctx-menu {
  position: fixed;
  min-width: 190px;
  padding: 6px;
}
#workspace-root .workspace-games #pgcdn-ctx-menu .ctx-item {
  width: 100%;
  border-radius: .85rem;
  padding: 9px 11px;
  background: transparent;
  color: var(--ui-text-sub);
}
#workspace-root .workspace-games #pgcdn-ctx-menu .ctx-item:hover {
  background: rgba(255,255,255,.1);
  color: var(--ui-text);
}
#workspace-root .workspace-games #pgcdn-ctx-menu .ctx-item i { color: inherit; }
#workspace-root .workspace-games #pgcdn-ctx-menu .ctx-sep {
  margin: 5px 4px;
  background: rgba(255,255,255,.12);
}

#workspace-root #main-content .vm-layout { gap: 14px; }
.vm-panel, .vm-frame-shell {
  border-radius: var(--workspace-pill-radius);
  border-color: var(--workspace-line-soft);
  background: var(--workspace-panel);
  box-shadow: 0 14px 40px rgba(var(--workspace-shadow), .25), inset 0 1px 0 rgba(255,255,255,.06);
}
.vm-panel { padding: 15px; }
.vm-panel-label { color: var(--workspace-accent); }
.vm-status-card, .vm-note, .vm-timer {
  border-radius: var(--workspace-soft-radius);
  border-color: var(--workspace-line-soft);
  background: rgba(255,255,255,.04);
}
.vm-btn {
  border-radius: var(--workspace-pill-radius);
  border-color: var(--workspace-line);
  background: rgba(255,255,255,.055);
}
.vm-btn-primary {
  color: #fff;
  border-color: var(--workspace-accent);
  background: rgba(var(--workspace-accent-rgb), .22);
}
.vm-btn-primary:hover:not(:disabled) { background: rgba(var(--workspace-accent-rgb), .3); }
.vm-empty-icon {
  border-radius: var(--workspace-pill-radius);
  color: var(--workspace-accent);
  border-color: rgba(var(--workspace-accent-rgb), .4);
  background: rgba(var(--workspace-accent-rgb), .1);
}

@media (max-width: 700px) {
  .source-tabs, .media-tabs { overflow-x: auto; }
  .source-tab, .media-tab { white-space: nowrap; flex: 0 0 auto; }
  .suggestion-grid { grid-template-columns: 1fr; }
  .stream-controls { align-items: stretch; }
  .stream-filters { justify-content: space-between; }
  .cg-grid { grid-template-columns: 1fr; }
  #workspace-root #main-content .page-header { align-items: flex-start; gap: 12px; }
}