melhorando a leitura de projetos no mmpCreator

assets/css/creator.css

@@ -311,6 +311,15 @@ body.sidebar-hidden .sample-browser { width: 0; min-width: 0; border-right: none
 /* =============================================== */
 /* EDITOR DE ÁUDIO & TIMELINE
 /* =============================================== */
+.timeline-clip.bassline-clip{
+  top: 0;
+  transform: none;
+  border-radius: 0;
+  background-repeat: inherit;
+  background-size: inherit;
+  background-image: inherit; /* força herdar o grid do pai */
+}
+
 .audio-editor {
   flex: 1; background-color: var(--bg-editor); border: 1px solid var(--border-color);
   border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, .3); overflow: hidden;

assets/js/creations/audio/audio_ui.js

@@ -369,6 +369,13 @@ export function renderAudioEditor() {
             clipDiv.style.left = `${leftPos}px`;
             clipDiv.style.width = `${widthDim}px`;
             clipDiv.style.height = "100%"; 
+            const gridStyle = getComputedStyle(grid);
+            clipDiv.style.backgroundImage = gridStyle.backgroundImage;
+            clipDiv.style.backgroundSize  = gridStyle.backgroundSize;
+            clipDiv.style.backgroundRepeat = "repeat";
+
+            // Alinha o padrão do grid com a timeline (não reinicia no começo do bloco)
+            clipDiv.style.backgroundPosition = `-${leftPos}px 0px`;
             clipDiv.style.backgroundColor = "rgba(0, 170, 170, 0.6)"; 
             clipDiv.style.border = "1px solid #00aaaa";
             clipDiv.style.boxSizing = "border-box";