fix: remove unused isMobile from PlaybackDock

Author: analystsandeep

src/App.tsx

@@ -656,7 +656,6 @@ export default function App() {
             blurMode={blurMode}
             onBlurModeToggle={handleBlurModeToggle}
             onOpenDrawer={() => setIsDrawerOpen(true)}
-            isMobile={isMobile}
           />
         )}
 

src/components/PlaybackDock.tsx

@@ -25,7 +25,6 @@ interface PlaybackDockProps {
     blurMode: boolean;
     onBlurModeToggle: () => void;
     onOpenDrawer: () => void;
-    isMobile: boolean;
 }
 
 const SPEED_PRESETS = [0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3];
@@ -45,7 +44,6 @@ export default function PlaybackDock({
     blurMode,
     onBlurModeToggle,
     onOpenDrawer,
-    isMobile,
 }: PlaybackDockProps) {
     const isPlaying = status === 'playing';
     const isPaused = status === 'paused';
@@ -326,9 +324,8 @@ export default function PlaybackDock({
 
                     {/* Focus mode toggle — Hide on mobile/tablet */}
                     <div
-                        className="tooltip-wrapper"
+                        className="tooltip-wrapper mobile-hide-1280"
                         data-tooltip={blurMode ? 'Focus: On' : 'Focus: Off'}
-                        style={{ display: isMobile ? 'none' : 'block' }}
                     >
                         <button
                             onClick={onBlurModeToggle}

src/components/VoicePicker.tsx

@@ -95,7 +95,7 @@ export default function VoicePicker({
     ? {
       position: 'fixed',
       inset: 0,
-      zIndex: 60, // Higher than ControlsPanel (50)
+      zIndex: 70, // Higher than ControlsPanel (50)
       display: 'flex',
       flexDirection: 'column',
       backgroundColor: 'var(--bg-secondary)',
@@ -107,7 +107,7 @@ export default function VoicePicker({
       right: 0,
       bottom: 0,
       width: '340px',
-      zIndex: 30,
+      zIndex: 70, // Higher than ControlsPanel (50)
       display: 'flex',
       flexDirection: 'column',
       backgroundColor: 'var(--bg-secondary)',

src/index.css

@@ -763,6 +763,12 @@ input[type="number"] {
 }
 
 /* ---------- Responsive ---------- */
+@media (max-width: 1280px) {
+  .mobile-hide-1280 {
+    display: none !important;
+  }
+}
+
 @media (max-width: 768px) {
   .btn-icon {
     width: 36px;