/* Preview layout — real player DOM, studio view for palette overlay */
body.rml-palette-preview-mode {
  margin: 0;
  min-width: 1024px;
  min-height: 680px;
  overflow: hidden;
  background: radial-gradient(120% 80% at 50% 0%, #252a34 0%, #1c1f26 55%, #12151a 100%);
}

body.rml-palette-preview-mode .audio-player {
  margin: 36px auto 0;
  position: relative;
  z-index: 10;
}

body.rml-palette-preview-mode #bufferSpinner,
body.rml-palette-preview-mode #gatePanel,
body.rml-palette-preview-mode #cloudPanel,
body.rml-palette-preview-mode #deepSettingsDialog,
body.rml-palette-preview-mode #settingsDialog,
body.rml-palette-preview-mode #importTcDialog,
body.rml-palette-preview-mode #rmlCloudGate,
body.rml-palette-preview-mode .rml-modal-overlay {
  display: none !important;
}

/* Force desktop panel layout (ignore portrait fullscreen rules) */
body.rml-palette-preview-mode #commentPopup,
body.rml-palette-preview-mode #commentPopup.open,
body.rml-palette-preview-mode .popup#commentPopup {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 12px !important;
  left: auto !important;
  width: 400px !important;
  height: 640px !important;
  min-height: 640px !important;
  max-height: 640px !important;
  display: flex !important;
  z-index: 10060 !important;
  transition: none !important;
}

body.rml-palette-preview-mode #commentPanel,
body.rml-palette-preview-mode #commentPanel.open,
body.rml-palette-preview-mode .comment-panel.open {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 12px !important;
  right: auto !important;
  width: 380px !important;
  height: auto !important;
  max-height: 78vh !important;
  display: flex !important;
  z-index: 10055 !important;
  transition: none !important;
}

body.rml-palette-preview-mode #mediaLedPanel,
body.rml-palette-preview-mode .media-led-panel {
  position: fixed !important;
  top: 50% !important;
  left: 30px !important;
  transform: translate(0, -50%) !important;
  display: flex !important;
  z-index: 10040 !important;
  max-height: 72vh !important;
}

body.rml-palette-preview-mode #rmlCommentEditModal.open {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 52px 430px 0 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
  z-index: 10070 !important;
}

body.rml-palette-preview-mode #rmlCommentEditModal.open .rml-com-edit-box {
  pointer-events: auto !important;
  max-height: 360px !important;
}

body.rml-palette-preview-mode.rml-prev-hide-player .audio-player {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.rml-palette-preview-mode.rml-prev-hide-com #commentPopup {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.rml-palette-preview-mode.rml-prev-hide-list #commentPanel {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.rml-palette-preview-mode.rml-prev-hide-edit #rmlCommentEditModal {
  display: none !important;
}

body.rml-palette-preview-mode.rml-prev-hide-media #mediaLedPanel {
  visibility: hidden !important;
  pointer-events: none !important;
}