/* BAND-BATCH-01: the established room layout, with each artist's own palette. */
@media (min-width: 761px) and (min-height: 761px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  #bandScene[data-room-view="products"] .band-scene-content { overflow: hidden; }
  #bandScene[data-room-view="products"] .band-scene-track strong { overflow-wrap: anywhere; }
  #bandScene[data-room-view="products"] .band-scene-pager { margin-top: 12px; gap: 10px; }
  #bandScene[data-room-view="products"] .band-scene-pager button { min-height: 38px; padding: 8px 12px; }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) .band-scene-console {
    background: linear-gradient(155deg, var(--band-surface), var(--band-surface-deep) 80%);
    border-color: var(--band-line);
  }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) .band-scene-panel > h3 { color: var(--band-muted); }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) .cr-byproduct-choice:not([data-available="false"]) {
    background: linear-gradient(150deg, var(--band-surface), var(--band-surface-deep)); border-color: var(--band-line); color: var(--band-accent);
  }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer {
    background: linear-gradient(155deg, var(--band-surface), var(--band-surface-deep)); border-color: var(--band-line);
  }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer :is(.cr-player-track, .cr-time) { color: var(--band-text); }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer :is(.cr-player-artist, .cr-status, .cr-duration, .cr-signal-note) { color: var(--band-muted); }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer :is(.cr-display, .cr-eq) {
    background: var(--band-surface-deep); border-color: var(--band-line); color: var(--band-text);
  }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer :is(.cr-control, .cr-byproducts-back) {
    background: linear-gradient(var(--band-surface), var(--band-surface-deep)); border-color: var(--band-line); color: var(--band-secondary);
  }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer :is(.cr-play, .cr-control:hover:not(:disabled)) { border-color: var(--band-accent); color: var(--band-accent); }
  #bandScene[data-room-band]:not([data-room-band="christinium"]) #byproductPlayer .cr-source-tag { color: var(--band-secondary); }
}

/* Let the spectrum yield space to complete titles and controls in the current panel. */
@media (min-width: 761px) and (min-height: 761px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  #bandScene[data-media-mode="audio"] .cr-byproducts:not(:has(.cr-eq:not([hidden]))) { height: 100%; min-height: 0; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:not(:has(.cr-eq:not([hidden]))) { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; max-height: 100%; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:not(:has(.cr-eq:not([hidden]))) > :not(.cr-display) { flex: 0 0 auto; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:not(:has(.cr-eq:not([hidden]))) .cr-display { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:not(:has(.cr-eq:not([hidden]))) .cr-display > :not(.cr-spectrum) { flex: 0 0 auto; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:not(:has(.cr-eq:not([hidden]))) .cr-spectrum { flex: 0 1 auto; min-height: 24px; }
  /* Restore the existing compact EQ dimensions above the injected audio skin. */
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) { padding: 12px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-player-top { margin-bottom: 8px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-display { padding-block: 10px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-time-row { margin: 2px 0 4px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-spectrum { height: 24px; min-height: 24px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-seek-label { margin: 8px 0 4px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-volume { margin-top: 8px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-eq { margin-top: 10px; padding-top: 8px; }
  #bandScene[data-media-mode="audio"] #byproductPlayer:has(.cr-eq:not([hidden])) .cr-eq-band input { height: 55px; }
}
@media (min-width: 1051px) {
  #bandScene[data-media-mode="audio"] #byproductPlayer .cr-player-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
}