/* ============================================================
   DXL VISUAL FX SUITE — WARM ANALOG STYLE ONLY (NO LAYOUT)
   ============================================================ */

/* Visual FX Suite panel theme */
#dxl-visual-fx-suite {
  background: linear-gradient(to bottom, #2f2520, #231a16);
  border-radius: 12px;
  border: 2px solid #7b4f3c;
  box-shadow:
    inset 0 0 6px rgba(0,0,0,0.45),
    0 0 12px rgba(0,0,0,0.35);
}

/* Spectral canvas styling (no layout) */
#dxl-spectral-visualizer {
  border-radius: 8px;
  background: radial-gradient(circle at 50% 0%, #4b3a30 0%, #1a1210 55%, #000000 100%);
  box-shadow:
    inset 0 0 12px rgba(0,0,0,0.8),
    0 0 10px rgba(0,0,0,0.6);
}

/* FX bar styling (no layout) */
.dxl-visual-fx-bar {
  background: rgba(32, 24, 19, 0.7);
  border-radius: 8px;
}

/* FX bar buttons */
.dxl-visual-fx-bar button {
  border-radius: 8px;
  border: 1px solid #7b4f3c;
  background: linear-gradient(to bottom, #3a2a24, #2b1f1a);
  color: #f3e7d2;
  font-size: 0.8rem;
  cursor: pointer;
  box-shadow:
    inset 0 0 6px rgba(0,0,0,0.55),
    0 0 6px rgba(0,0,0,0.45);
  transition: box-shadow 0.15s ease, background 0.15s ease, transform 0.08s ease;
}

.dxl-visual-fx-bar button:hover {
  background: #4a3328;
  box-shadow: 0 0 10px rgba(123,79,60,0.7);
}

.dxl-visual-fx-bar button:active {
  transform: translateY(1px);
}