html:root[data-platform='desktop'] body.nova-ready .app {
  --nova-header-height: 56px;
  --nova-viewer-width: clamp(220px, 20vw, 290px);
  grid-template-rows: var(--nova-system-height) var(--nova-header-height) minmax(0, 1fr) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-header,
html:root[data-platform='desktop'] body.nova-ready .app > .nova-heading {
  box-sizing: border-box;
  height: var(--nova-header-height);
  min-height: var(--nova-header-height);
  max-height: var(--nova-header-height);
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-header > .nova-creator-host,
html:root[data-platform='desktop'] body.nova-ready .nova-creator-host > .creator-strip,
html:root[data-platform='desktop'] body.nova-ready .nova-creator-host #creatorButton,
html:root[data-platform='desktop'] body.nova-ready .nova-creator-host #novaEditCreators {
  height: 100% !important;
  min-height: 0 !important;
}

.nova-heading-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: 16px;
  min-width: 0;
  height: 100%;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading .nova-chat-live-status,
html:root[data-platform='desktop'] body.nova-ready .nova-heading .live-controls,
html:root[data-platform='desktop'] body.nova-ready .nova-heading .nova-chat-viewers-label {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .app > .nova-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--nova-viewer-width);
  gap: 0;
  padding: 0 !important;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading-primary {
  padding: 0 16px;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading-copy {
  flex: 1 1 auto;
  gap: 16px;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading .nova-chat-live-status {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: min(320px, 34vw);
  padding-left: 0;
  border-left: 0;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

html:root[data-platform='desktop'] body.nova-ready .nova-chat-live-status #liveDot {
  flex: 0 0 8px;
}

html:root[data-platform='desktop'] body.nova-ready .nova-chat-live-status #liveLabel {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading-actions {
  flex: 0 0 auto;
  gap: 12px;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading .live-controls {
  position: relative;
  display: flex !important;
  align-items: center;
  flex: 0 0 auto;
  gap: 5px;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons[hidden],
html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons > button[hidden] {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons > button {
  position: relative;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 36px;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--stat-color) 38%, var(--nova-border)) !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--stat-color) 8%, var(--nova-surface)) !important;
  color: var(--stat-color) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats [data-stat-detail='gift'] { --stat-color: var(--stat-gift); }
html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats [data-stat-detail='topGifters'] { --stat-color: var(--stat-top); }
html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats [data-stat-detail='envelope'] { --stat-color: var(--stat-box); }

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons > button:hover,
html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons > button[aria-expanded='true'] {
  border-color: var(--stat-color) !important;
  background: color-mix(in srgb, var(--stat-color) 18%, var(--nova-surface)) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons .stat-icon {
  display: grid !important;
  place-items: center;
  width: 20px !important;
  height: 20px !important;
  border-radius: 0;
  background: transparent !important;
  color: inherit !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons .stat-icon svg {
  width: 18px !important;
  height: 18px !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #stats.desktop-stat-buttons > button > div {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #statDialogBackdrop {
  position: absolute !important;
  z-index: 95 !important;
  inset: calc(100% + 8px) 0 auto auto !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: min(390px, calc(100vw - 330px)) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #statDialogBackdrop[hidden] {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #statDialogBackdrop .mobile-dialog {
  width: 100% !important;
  max-width: none !important;
  max-height: min(68vh, 620px) !important;
  border: 1px solid var(--nova-border) !important;
  border-radius: 12px !important;
  background: var(--nova-sidebar) !important;
  box-shadow: 0 18px 44px #0006 !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading #statDialogBackdrop .stat-dialog-content {
  min-height: 90px;
  max-height: min(55vh, 500px);
  padding: 8px;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading .nova-chat-viewers-label {
  display: flex !important;
  align-items: center;
  gap: 9px;
  height: 100%;
  min-width: 0;
  padding: 0 12px;
  border-left: 1px solid var(--nova-border);
  color: var(--nova-text);
  font-size: 13px;
  font-weight: 700;
}

html:root[data-platform='desktop'] body.nova-ready .nova-chat-viewers-label svg {
  width: 19px;
  height: 19px;
  color: var(--nova-accent);
}

html:root[data-platform='desktop'] body.nova-ready .nova-heading .desktop-viewer-toggle {
  display: none !important;
}

/* The legacy joined header occupies a second row even after its controls move. */
html:root[data-platform='desktop'] body.nova-ready #chat .workspace-panel[data-workspace-panel='chat'] .chat-head,
html:root[data-platform='desktop'] body.nova-ready #chat .desktop-chat-layout[data-workspace='chat']::before {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat .workspace-panel[data-workspace-panel='chat'] .chat-head {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  flex: 0 0 0 !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat .desktop-chat-layout[data-workspace='chat']::before {
  content: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat .desktop-chat-content,
html:root[data-platform='desktop'] body.nova-ready #chat .chat-main-column .chat-card {
  border-top-left-radius: 0 !important;
}

@media (min-width: 1181px) {
  html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-sidebar {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-sidebar > header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-scroll {
    grid-row: 1 !important;
  }
}

@media (max-width: 1180px) {
  html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .app > .nova-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading .nova-chat-viewers-label {
    display: none !important;
  }

  html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .nova-heading .desktop-viewer-toggle {
    display: grid !important;
    place-items: center;
    flex: 0 0 36px;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-sidebar {
    grid-template-rows: var(--nova-header-height) minmax(0, 1fr) !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-sidebar > header {
    display: flex !important;
    height: var(--nova-header-height) !important;
    min-height: var(--nova-header-height) !important;
    max-height: var(--nova-header-height) !important;
  }
}

html[data-platform='desktop'] body.nova-ready .app > .desktop-menu-bar::before {
  content: 'Czatbox TT';
  position: absolute;
  inset: 0 auto 0 16px;
  display: flex;
  align-items: center;
  color: #a5a6af;
  font: 600 11px/1 Inter, 'Segoe UI', sans-serif;
  pointer-events: none;
}

html[data-platform='desktop'] body.nova-ready #chat .desktop-chat-layout[data-workspace]:not([data-workspace='chat']) .chat-tts-bar {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] {
  --nova-chat-footer-height: 52px;
}

html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] .topbar #accountDock:not([hidden]),
html:root[data-platform='desktop'] body.nova-ready #chat .chat-tts-bar {
  flex-basis: var(--nova-chat-footer-height) !important;
  height: var(--nova-chat-footer-height) !important;
  min-height: var(--nova-chat-footer-height) !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat .chat-tts-voice {
  flex: 0 1 185px !important;
  max-width: 185px;
}

@media (max-width: 1320px) {
  html:root[data-platform='desktop'] body.nova-ready[data-nova-view='chat'] {
    --nova-chat-footer-height: 76px;
  }

  html:root[data-platform='desktop'] body.nova-ready #chat .chat-tts-voice {
    max-width: 160px;
  }
}

html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-chart {
  margin-bottom: 5px;
}

html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-bar {
  min-height: 0;
}

html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-chart-axis {
  display: flex;
  justify-content: space-between;
  color: var(--studio-content-muted, #a8aab5);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

html[data-platform='desktop'] body.nova-ready #novaPlaybookMount .nova-playbook-segments {
  max-height: none;
  overflow: visible;
}

html[data-platform='desktop'] body.nova-ready #novaPlaybookMount .nova-playbook-segment-actions {
  flex-wrap: wrap;
  gap: 6px;
}

html[data-platform='desktop'] body.nova-ready #novaPlaybookMount .nova-playbook-segment-actions button {
  min-height: 32px;
  padding: 5px 9px;
  font-size: 12px;
}

html[data-platform='desktop'] body.nova-ready #novaPlaybookMount .nova-playbook-segment-actions button:is([data-action='up'], [data-action='down'], [data-action='remove']) {
  width: 32px;
  padding-inline: 0;
}

@media (max-width: 1200px) {
  html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-content {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-box + .li-box {
    border-left: 0;
    border-top: 1px solid var(--studio-content-line, #303035);
  }

  html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-topic {
    gap: 12px;
  }

  html[data-platform='desktop'] body.nova-ready #novaPlaybookMount .nova-playbook-right {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1050px) {
  html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-metrics > div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--studio-content-line, #303035);
  }

  html[data-platform='desktop'] body.nova-ready #novaRadarMount .li-metrics > div:nth-child(4) {
    border-top: 1px solid var(--studio-content-line, #303035);
  }
}

html:root[data-platform='desktop'] body.nova-ready #chat :is(#chatFeed, .desktop-viewer-scroll) {
  scrollbar-width: thin;
  scrollbar-color: #45454c transparent;
}

html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-scroll {
  background: var(--studio-content-canvas) !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat .desktop-viewer-scroll::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-platform='desktop'][data-theme][data-chat-style] body.nova-ready #chat #chatFeed > .chat-message {
  box-sizing: border-box;
}

html:root[data-platform='desktop'][data-theme][data-chat-style] body.nova-ready #chat #chatFeed > .chat-message:not([hidden]) ~ .chat-message:not([hidden]) {
  border-top: 1px solid var(--studio-content-line, #29292d) !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message > .message-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column;
  align-items: stretch;
  width: auto !important;
  min-width: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message > .message-content > .message-head {
  display: flex !important;
  align-items: center;
  min-width: 0;
  margin: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message .message-author-line {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  width: 100%;
  min-height: 20px;
  min-width: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message .message-author-line > .message-author {
  flex: 0 1 auto;
  max-width: min(38ch, calc(100% - 44px));
  height: 20px;
  min-height: 20px;
  line-height: 20px !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message .message-author-line > .message-time {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  align-self: center;
  justify-self: auto;
  height: 20px;
  margin: 0 !important;
  line-height: 20px !important;
  font-variant-numeric: tabular-nums;
  text-align: left;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message > .message-content > p {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 2px !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message > .message-badges-right {
  display: flex !important;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 6px;
  align-self: flex-start;
  margin-left: auto;
  max-width: min(48%, 420px);
  min-width: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message > .message-badges-right[hidden],
html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right > .role-badges,
html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right > .message-level-badges[hidden] {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right > .message-level-badges {
  display: flex !important;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  order: 2;
  gap: 2px;
  min-width: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right > .message-role-pills {
  display: grid !important;
  flex: 0 0 auto;
  grid-template-rows: repeat(2, 20px);
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: start;
  align-self: flex-start;
  justify-content: end;
  order: 1;
  direction: rtl;
  column-gap: 6px;
  row-gap: 2px;
  min-width: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right > .message-role-pills:empty,
html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right > .message-role-pills[hidden] {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right .message-role-pill {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 20px;
  min-height: 20px;
  direction: ltr;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .message-badges-right .message-role-pill:is([data-role='moderator'], [data-role='superfan'], [data-role='guardian']) {
  width: 20px;
  min-width: 20px;
  padding: 0;
  gap: 0;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message.krita-bot .message-author {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #44c8ff 0%, #7aa7ff 32%, #42f0ff 58%, #308dff 78%, #44c8ff 100%) !important;
  background-size: 260% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 4px #2ca8ffb8) !important;
  animation: krita-name-glow 2.7s ease-in-out infinite !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message.krita-bot .krita-message-text,
html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message.krita-bot .krita-message-text strong {
  color: var(--studio-content-text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  filter: none !important;
  animation: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message.krita-bot .krita-message-text a {
  color: #49bfff !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  filter: none !important;
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html:root[data-platform='desktop'] body.nova-ready #chat #chatFeed .chat-message.krita-bot .message-author {
    animation: none !important;
  }
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--nova-sidebar) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel[hidden],
html:root[data-platform='desktop'] body.nova-ready .topbar:has(> #creatorPanel:not([hidden])) > :is(.nova-context-head, .nova-context-navigation, .desktop-settings-sidebar, .desktop-module-sidebar, .obs-module-sidebar) {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorForm {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  min-width: 0;
  padding: 2px 2px 8px;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorForm[hidden] {
  display: none !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorForm input {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid var(--nova-border);
  border-radius: 4px;
  background: var(--nova-surface);
  color: var(--nova-text);
  font-size: 12px;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorForm button {
  height: 34px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorLimit {
  flex: 0 0 auto;
  margin: 0;
  padding: 2px 8px 8px;
  border-bottom: 1px solid var(--nova-border);
  color: var(--nova-muted);
  font-size: 10px;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorList {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel #creatorList::-webkit-scrollbar {
  display: none;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  width: 100%;
  min-height: 42px;
  padding: 0;
  border-top: 1px solid var(--nova-border);
  border-radius: 0;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel[data-mode='edit'] .creator-row {
  grid-template-columns: minmax(0, 1fr) 28px 28px;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-name {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  overflow: hidden;
  padding: 6px 8px;
  border-radius: 0;
  color: var(--nova-text);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-name .mini-avatar {
  display: grid;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  font-size: 10px;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-name img.mini-avatar {
  display: block;
  object-fit: cover;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-name-label {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-row .star,
html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel .creator-row .delete {
  display: grid;
  place-items: center;
  width: 28px;
  height: 42px;
  padding: 0;
  border-radius: 0;
  font-size: 15px;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel[data-mode='connect'] .creator-row .star,
html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel[data-mode='connect'] .creator-row .delete {
  display: none;
}

html:root[data-platform='desktop'] body.nova-ready .topbar > #creatorPanel :is(.creator-name, .star, .delete):focus-visible {
  outline: 2px solid var(--nova-accent);
  outline-offset: -2px;
}

/* The gift catalog uses the same continuous list language as the rest of Studio. */
html:root[data-platform='desktop'] body.nova-ready #settings #settings-thresholds.settings-section {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-discovery-panel {
  border-color: var(--codex-divider, var(--line));
  border-radius: 12px;
  background: var(--panel);
  color: var(--text);
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds :is(.gift-discovery-header, .gift-discovery-toolbar, .gift-discovery-row, .gift-discovery-reviewed, .gift-discovery-reviewed-row) {
  border-color: var(--codex-divider, var(--line));
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-discovery-panel button {
  border-color: var(--codex-divider, var(--line));
  background: var(--theme-control, var(--panel2));
  color: var(--text);
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-discovery-panel button:hover {
  border-color: var(--accent);
  background: var(--codex-hover, var(--panel2));
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sounds-card {
  margin-bottom: 88px;
  border: 1px solid var(--codex-divider, var(--line)) !important;
  border-radius: 12px !important;
  background: var(--panel) !important;
  box-shadow: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-catalog-head {
  padding: 16px !important;
  border-bottom: 1px solid var(--codex-divider, var(--line)) !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds #giftAccessCount {
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--codex-divider, var(--line));
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  min-width: 0;
  padding-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row,
html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.configured,
html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.is-hidden {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 250px) 84px !important;
  grid-template-areas: 'gift picker actions' !important;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 64px !important;
  padding: 7px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nova-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.is-hidden {
  opacity: .64;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row:last-child {
  border-bottom: 0 !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row:focus-within {
  z-index: 20;
  background: var(--nova-hover) !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-gift {
  grid-area: gift;
  min-width: 0;
  gap: 12px;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-gift img {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 5px;
  background: transparent;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-gift b {
  font-size: 12px;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-gift small {
  font-size: 10px;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .sound-picker {
  grid-area: picker;
  min-width: 0;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-actions {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-actions button {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row:has(> .gift-plan-choice) {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) 84px 84px !important;
  grid-template-areas: 'gift picker actions choice' !important;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row > .gift-plan-choice {
  grid-area: choice !important;
  grid-column: auto !important;
  justify-self: end;
  min-width: 0;
  font-size: 11px !important;
  white-space: nowrap;
}

html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-pagination {
  left: calc(var(--nova-rail-width) + var(--nova-context-width) + 18px);
}

@media (max-width: 1200px) {
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row:has(> .gift-plan-choice) {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 250px) 84px !important;
    grid-template-areas: 'gift picker actions' 'choice choice choice' !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row > .gift-plan-choice {
    justify-self: start;
  }
}

@media (max-width: 980px) {
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row,
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.configured,
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.is-hidden {
    grid-template-columns: minmax(0, 1fr) 84px !important;
    grid-template-areas: 'gift gift' 'picker actions' !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row:has(> .gift-plan-choice) {
    grid-template-columns: minmax(0, 1fr) 84px !important;
    grid-template-areas: 'gift gift' 'picker actions' 'choice choice' !important;
  }
}

@media (max-width: 700px) {
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row,
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.configured,
  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row.is-hidden {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'gift' 'picker' 'actions' !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-row:has(> .gift-plan-choice) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'gift' 'picker' 'actions' 'choice' !important;
  }

  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-actions {
    justify-content: flex-start;
  }

  html:root[data-platform='desktop'] body.nova-ready #settings-thresholds .gift-sound-pagination {
    left: calc(var(--nova-rail-width) + var(--nova-context-width) + 8px);
  }
}

html:root[data-platform='desktop'] body.nova-ready .timer-backdrop {
  inset: var(--desktop-menu-height) 0 0 !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-command-backdrop {
  inset: var(--desktop-menu-height) 0 0;
}

html:root[data-platform='desktop'] body.nova-ready :is(
  .timer-backdrop,
  .calendar-modal,
  .whats-new-backdrop,
  .nova-command-backdrop
) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html:root[data-platform='desktop'] body.nova-ready :is(
  .account-quick-menu,
  .patreon-view-switch,
  .gift-alert-card
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html:root[data-platform='desktop'] body.nova-ready .patreon-view-switch {
  background: var(--panel2) !important;
}