/* Only local preview frames: saved Studio coordinates and media pixels stay native. */
.overlay-gif-row .alert-test-panel,.alert-match-row .alert-test-panel,.join-user-row .alert-test-panel{
  width:100%;max-width:600px;box-sizing:border-box;padding:14px;gap:10px;
}
#audioVisualPreview{
  --preview-height:320px;
  box-sizing:border-box;width:100%;max-width:560px;min-width:0;margin:0;
  padding:12px;gap:12px;border:1px solid var(--event-accent,#597480);
  border-radius:12px;background:#081722;color:var(--text,#eef5f7);
  box-shadow:none;overflow:visible;
}
#audioVisualPreview.audio-preview-inline{position:relative;inset:auto;}
#audioVisualPreview[open]{display:flex;flex-direction:column;}
#audioVisualPreview.audio-preview-dialog,#audioVisualPreview[data-expanded=true]{
  position:fixed;inset:0;margin:auto;width:calc(100vw - 32px);
  max-height:calc(100dvh - 32px);overflow:auto;
}
#audioVisualPreview[data-expanded=true]{max-width:1100px;--preview-height:min(70dvh,calc(100dvh - 210px));}
#audioVisualPreview::backdrop{background:rgba(2,9,15,.8);}
#audioVisualPreview .audio-preview-header{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;}
#audioVisualPreview .audio-preview-heading{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px;}
#audioVisualPreview .audio-preview-title{font-size:16px;line-height:1.3;color:var(--event-accent,#68d5c4);}
#audioVisualPreview .audio-preview-file{font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#a9c4ce;}
#audioVisualPreview .audio-preview-actions{display:flex;flex-wrap:wrap;gap:6px;}
#audioVisualPreview .audio-preview-actions button{padding:8px 10px;min-height:36px;align-self:auto;}
#audioVisualPreview .audio-preview-viewport{
  position:relative;flex:none;min-height:0;max-height:none;align-self:center;
  box-sizing:border-box;overflow:hidden;border:0;border-radius:7px;
}
#audioVisualPreview #audioPreviewStatus{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#a9c4ce;}
@media(max-width:600px){
  #audioVisualPreview{--preview-height:280px;padding:10px;}
  #audioVisualPreview .audio-preview-header{gap:8px;}
  #audioVisualPreview .audio-preview-heading{flex-basis:100%;}
  #audioVisualPreview[data-expanded=true]{--preview-height:min(60dvh,calc(100dvh - 250px));}
}