versão 2.0.1 - Correção do grid (Editor de Samples), loop, delete, resize, trim e streching funcionais

assets/css/style.css

@@ -246,6 +246,7 @@ body.sidebar-hidden .sample-browser {
   height: 100%;
   position: relative;
   display: block;
+  /* Estas variáveis são agora definidas dinamicamente por audio_ui.js */
   --step-width: 32px;
   --beat-width: 128px;
   --bar-width: 512px;
@@ -305,7 +306,8 @@ body.sidebar-hidden .sample-browser {
   box-shadow: 0 3px 8px rgba(0,0,0,0.5);
   display: flex;
   align-items: center;
-  padding: 0 8px;
+  /* --- CORREÇÃO: Remove o padding horizontal --- */
+  padding: 0;
   overflow: hidden;
   cursor: grab;
   user-select: none;
@@ -342,13 +344,22 @@ body.sidebar-hidden .sample-browser {
 .loop-handle { position: absolute; top: 0; bottom: 0; width: 10px; cursor: ew-resize; }
 .loop-handle.left { left: -5px; }
 .loop-handle.right { right: -5px; }
-#slice-tool-btn.active { color: var(--accent-blue); }
+
+/* --- ESTILOS ADICIONADOS --- */
+#slice-tool-btn.active,
+#resize-tool-trim.active,
+#resize-tool-stretch.active { 
+  color: var(--accent-blue); 
+  background-color: var(--bg-editor);
+  border-radius: 3px;
+}
 #audio-editor-loop-btn.active { color: var(--accent-green); }
 
 /* =============================================== */
 /* COMPONENTES GERAIS (KNOBS, BOTÕES, INPUTS)
 /* =============================================== */
 .knob-container { text-align: center; font-size: .7rem; color: var(--text-dark); }
+.knob-container { text-align: center; font-size: .7rem; color: var(--text-dark); }
 .knob { width: 28px; height: 28px; background-color: var(--bg-toolbar); border-radius: 50%; border: 1px solid var(--border-color); margin-bottom: 2px; cursor: grab; box-shadow: inset 0 0 4px #222; position: relative; }
 .knob:active { cursor: grabbing; }
 .knob-indicator { width: 2px; height: 8px; background-color: var(--text-light); position: absolute; top: 2px; left: 50%; transform-origin: bottom center; transform: translateX(-50%) rotate(0deg); border-radius: 1px; }