.qg-audio-panel {
  position: fixed;
  z-index: 999999;              /* por encima de casi todo */
  top: 50% !important;          /* centrado vertical */
  left: 50% !important;         /* centrado horizontal */
  transform: translate(-50%, -50%) !important;
  width: min(520px, 92vw);      /* responsivo */
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.18), 0 2px 12px rgba(0,0,0,.08);
  
}
.qg-audio-window {
  pointer-events: auto;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.18);
  padding: 14px;
}
.qg-audio-canvas {
  width: 100%;
  height: 300px;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.qg-audio-controls {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.qg-btn { border: 0; border-radius: 10px; padding: 10px 14px; font-weight: 600; cursor: pointer; }
.qg-primary { background:#2563eb; color:#fff; }
.qg-danger  { background:#dc2626; color:#fff; }
.qg-status  { color:#4b5563; font-size:14px; }
.qg-audio-canvas svg { display:block; width:100%; height:100%; background:#ffffff; border-radius:10px; }