editando e enviando patterns na playlist

assets/css/creator.css

@@ -242,6 +242,42 @@ body.sidebar-hidden .sample-browser { width: 0; min-width: 0; border-right: none
 #create-room-btn { width: auto; padding-left: 12px; padding-right: 16px; color: var(--text-light); }
 #create-room-btn:hover { background-color: var(--accent-color); color: var(--text-dark); }
 
+/* =========================================================
+   Playlist / Bassline clips (patterns)
+   ========================================================= */
+
+.timeline-clip.bassline-clip {
+  cursor: grab;
+}
+
+.timeline-clip.bassline-clip.dragging {
+  cursor: grabbing;
+}
+
+.timeline-clip.bassline-clip.selected {
+  outline: 2px solid rgba(255, 255, 255, 0.65);
+  outline-offset: -2px;
+}
+
+/* Handles de resize (L/R) do clip de pattern */
+.timeline-clip.bassline-clip .pattern-resize-handle {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  z-index: 8;              /* acima do overlay e label */
+  cursor: ew-resize;
+  background: rgba(255, 255, 255, 0.10);
+}
+
+.timeline-clip.bassline-clip .pattern-resize-handle.left {
+  left: 0;
+}
+
+.timeline-clip.bassline-clip .pattern-resize-handle.right {
+  right: 0;
+}
+
 /* =============================================== */
 /* BEAT EDITOR / STEP SEQUENCER
 /* =============================================== */