MainWindow.xaml

<Window x:Class="MediaViewer.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Media Viewer" Height="800" Width="1200"
        MinHeight="600" MinWidth="900"
        Background="#FF1E1E1E">

    <Window.Resources>
        <!-- Null to Visibility Converter -->
        <BooleanToVisibilityConverter x:Key="BoolToVisConverter"/>
        
        <!-- ComboBox Item Style -->
        <Style x:Key="ComboBoxItemStyle" TargetType="ComboBoxItem">
            <Setter Property="Background" Value="#FF2D2D30"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Padding" Value="8,6"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ComboBoxItem">
                        <Border Name="Border"
                                Background="{TemplateBinding Background}"
                                BorderThickness="0"
                                Padding="{TemplateBinding Padding}">
                            <ContentPresenter/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsHighlighted" Value="True">
                                <Setter TargetName="Border" Property="Background" Value="#FF007ACC"/>
                            </Trigger>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter TargetName="Border" Property="Background" Value="#FF007ACC"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        
        <!-- Modern ComboBox Style -->
        <Style x:Key="ModernComboBox" TargetType="ComboBox">
            <Setter Property="Background" Value="#FF2D2D30"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderBrush" Value="#FF3E3E42"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Padding" Value="8,5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ComboBox">
                        <Grid>
                            <ToggleButton Name="ToggleButton"
                                        Grid.Column="2"
                                        Focusable="false"
                                        IsChecked="{Binding Path=IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                        ClickMode="Press"
                                        Background="{TemplateBinding Background}"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition Width="20"/>
                                    </Grid.ColumnDefinitions>
                                    <ContentPresenter Name="ContentSite"
                                                    IsHitTestVisible="False"
                                                    Content="{TemplateBinding SelectionBoxItem}"
                                                    ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                                                    ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
                                                    Margin="8,3,0,3"
                                                    VerticalAlignment="Center"
                                                    HorizontalAlignment="Left">
                                        <ContentPresenter.Resources>
                                            <Style TargetType="TextBlock">
                                                <Setter Property="Foreground" Value="White"/>
                                            </Style>
                                        </ContentPresenter.Resources>
                                    </ContentPresenter>
                                    <Path Grid.Column="1"
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        Data="M 0 0 L 4 4 L 8 0 Z"
                                        Fill="White"/>
                                </Grid>
                            </ToggleButton>
                            <Popup Name="Popup"
                                Placement="Bottom"
                                IsOpen="{TemplateBinding IsDropDownOpen}"
                                AllowsTransparency="True"
                                Focusable="False"
                                PopupAnimation="Slide">
                                <Grid Name="DropDown"
                                    SnapsToDevicePixels="True"
                                    MinWidth="{TemplateBinding ActualWidth}"
                                    MaxHeight="{TemplateBinding MaxDropDownHeight}">
                                    <Border Name="DropDownBorder"
                                        Background="#FF2D2D30"
                                        BorderBrush="#FF3E3E42"
                                        BorderThickness="1"/>
                                    <ScrollViewer Margin="2"
                                                SnapsToDevicePixels="True">
                                        <StackPanel IsItemsHost="True"
                                                KeyboardNavigation.DirectionalNavigation="Contained"/>
                                    </ScrollViewer>
                                </Grid>
                            </Popup>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        
        <Style x:Key="ModernButton" TargetType="Button">
            <Setter Property="Background" Value="#FF2D2D30"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderBrush" Value="#FF3E3E42"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Padding" Value="10,5"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="FontSize" Value="13"/>
        </Style>

        <Style x:Key="FileListButton" TargetType="Button" BasedOn="{StaticResource ModernButton}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsSelected}" Value="True">
                    <Setter Property="Background" Value="#FF007ACC"/>
                    <Setter Property="BorderBrush" Value="#FF1E90FF"/>
                    <Setter Property="FontWeight" Value="Bold"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <!-- Visible Scrollbar Style -->
        <Style x:Key="VisibleScrollBar" TargetType="ScrollBar">
            <Setter Property="Background" Value="#FF3E3E42"/>
            <Setter Property="Width" Value="14"/>
            <Style.Triggers>
                <Trigger Property="Orientation" Value="Vertical">
                    <Setter Property="Width" Value="14"/>
                </Trigger>
            </Style.Triggers>
        </Style>

        <Style x:Key="VisibleScrollViewer" TargetType="ScrollViewer">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ScrollViewer">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <ScrollContentPresenter Grid.Column="0"/>
                            <ScrollBar Grid.Column="1"
                                      Name="PART_VerticalScrollBar"
                                      Orientation="Vertical"
                                      Value="{TemplateBinding VerticalOffset}"
                                      Maximum="{TemplateBinding ScrollableHeight}"
                                      ViewportSize="{TemplateBinding ViewportHeight}"
                                      Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                      Background="#FF2D2D30"
                                      Width="14"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="250" MinWidth="150" MaxWidth="600"/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!-- SIDEBAR -->
        <Border x:Name="SidebarPanel" Grid.Column="0" Grid.Row="0" Grid.RowSpan="2"
                Background="#FF252526" BorderBrush="#FF3E3E42"
                BorderThickness="0,0,1,0">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <StackPanel Grid.Row="0" Margin="10,20,10,10">
                    <Grid Margin="0,0,0,10">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="Media Files" FontSize="18" FontWeight="Bold"
                                  Foreground="White" Grid.Column="0"/>
                        <Button x:Name="ViewModeButton" Content="Grid" Width="50" Height="30"
                               Style="{StaticResource ModernButton}"
                               Grid.Column="1" Click="ViewModeButton_Click"
                               FontSize="12"
                               ToolTip="Switch to Grid View"/>
                    </Grid>
                    
                    <!-- Sort Options -->
                    <Grid Margin="0,5,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="Sort by:"
                                  Foreground="White"
                                  FontSize="12"
                                  VerticalAlignment="Center"
                                  Margin="0,0,8,0"
                                  Grid.Column="0"/>
                        <ComboBox x:Name="SortComboBox"
                                 Grid.Column="1"
                                 Style="{StaticResource ModernComboBox}"
                                 SelectedIndex="0"
                                 SelectionChanged="SortComboBox_SelectionChanged"
                                 ItemContainerStyle="{StaticResource ComboBoxItemStyle}">
                            <ComboBoxItem Content="Name"/>
                            <ComboBoxItem Content="Name (Z-A)"/>
                            <ComboBoxItem Content="Type"/>
                            <ComboBoxItem Content="Size (Small-Large)"/>
                            <ComboBoxItem Content="Size (Large-Small)"/>
                            <ComboBoxItem Content="Date (Oldest First)"/>
                            <ComboBoxItem Content="Date (Newest First)"/>
                            <ComboBoxItem Content="Duration (Shortest)"/>
                            <ComboBoxItem Content="Duration (Longest)"/>
                        </ComboBox>
                    </Grid>
                </StackPanel>


                <Grid Grid.Row="1">
                    <!-- List View - VIRTUALIZED -->
                    <ListBox x:Name="FileListControl" 
                             ItemsSource="{Binding MediaFiles}"
                             Margin="10,0,10,10"
                             Background="Transparent"
                             BorderThickness="0"
                             VirtualizingPanel.IsVirtualizing="True"
                             VirtualizingPanel.VirtualizationMode="Recycling"
                             VirtualizingPanel.ScrollUnit="Pixel"
                             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                             ScrollViewer.VerticalScrollBarVisibility="Auto"
                             SelectionMode="Single">
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="ListBoxItem">
                                <Setter Property="Padding" Value="0"/>
                                <Setter Property="Margin" Value="0"/>
                                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                                <Setter Property="Background" Value="Transparent"/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="ListBoxItem">
                                            <ContentPresenter/>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Button Content="{Binding DisplayName}"
                                       Style="{StaticResource FileListButton}"
                                       Margin="0,2" HorizontalAlignment="Stretch"
                                       Click="FileListItem_Click"
                                       Tag="{Binding}"/>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    
                    <!-- Thumbnail View - VIRTUALIZED with UniformGrid-like layout -->
                    <ListBox x:Name="ThumbnailControl"
                             ItemsSource="{Binding MediaFiles}"
                             Visibility="Collapsed"
                             Margin="10,0,10,10"
                             Background="Transparent"
                             BorderThickness="0"
                             VirtualizingPanel.IsVirtualizing="True"
                             VirtualizingPanel.VirtualizationMode="Recycling"
                             VirtualizingPanel.ScrollUnit="Pixel"
                             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                             ScrollViewer.VerticalScrollBarVisibility="Auto"
                             SelectionMode="Single">
                        <ListBox.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapPanel Orientation="Horizontal" IsItemsHost="True"/>
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="ListBoxItem">
                                <Setter Property="Padding" Value="0"/>
                                <Setter Property="Margin" Value="0"/>
                                <Setter Property="Background" Value="Transparent"/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="ListBoxItem">
                                            <ContentPresenter/>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Button Style="{StaticResource FileListButton}"
                                       Margin="5" Click="FileListItem_Click"
                                       Tag="{Binding}" Width="130" Height="140">
                                    <StackPanel>
                                        <Border Width="120" Height="100" Background="#FF2D2D30"
                                               BorderBrush="#FF3E3E42" BorderThickness="1">
                                            <Grid>
                                                <!-- Show image thumbnail if available -->
                                                <Image Source="{Binding Thumbnail}"
                                                      Stretch="Uniform"
                                                      Margin="2">
                                                    <Image.Style>
                                                        <Style TargetType="Image">
                                                            <Style.Triggers>
                                                                <DataTrigger Binding="{Binding Thumbnail}" Value="{x:Null}">
                                                                    <Setter Property="Visibility" Value="Collapsed"/>
                                                                </DataTrigger>
                                                            </Style.Triggers>
                                                        </Style>
                                                    </Image.Style>
                                                </Image>
                                                
                                                <!-- Show video icon if no thumbnail (videos) -->
                                                <Viewbox Width="60" Height="60">
                                                    <Viewbox.Style>
                                                        <Style TargetType="Viewbox">
                                                            <Setter Property="Visibility" Value="Collapsed"/>
                                                            <Style.Triggers>
                                                                <DataTrigger Binding="{Binding Thumbnail}" Value="{x:Null}">
                                                                    <Setter Property="Visibility" Value="Visible"/>
                                                                </DataTrigger>
                                                            </Style.Triggers>
                                                        </Style>
                                                    </Viewbox.Style>
                                                    <Canvas Width="24" Height="24">
                                                        <!-- Play button triangle icon -->
                                                        <Path Fill="White" Data="M8,5 L8,19 L19,12 Z"/>
                                                        <Path Stroke="White" StrokeThickness="1.5" Data="M3,3 L21,3 L21,21 L3,21 Z" Fill="Transparent"/>
                                                    </Canvas>
                                                </Viewbox>
                                            </Grid>
                                        </Border>
                                        <TextBlock Text="{Binding FileName}"
                                                  Foreground="White"
                                                  FontSize="10"
                                                  TextWrapping="Wrap"
                                                  TextTrimming="CharacterEllipsis"
                                                  MaxHeight="30"
                                                  Margin="0,5,0,0"
                                                  TextAlignment="Center"/>
                                    </StackPanel>
                                </Button>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </Grid>

                <StackPanel Grid.Row="2" Margin="10,10,10,20">
                    <Button Content="Add Files" Style="{StaticResource ModernButton}"
                           Margin="0,5" Click="AddFilesButton_Click"/>
                    <Button Content="Open Folder" Style="{StaticResource ModernButton}"
                           Margin="0,5" Click="OpenFolderButton_Click"/>
                    <Button Content="Clear All" Style="{StaticResource ModernButton}"
                           Margin="0,5" Click="ClearAllButton_Click"/>
                    <Button Content="Settings" Style="{StaticResource ModernButton}"
                           Margin="0,5" Click="SettingsButton_Click"/>
                </StackPanel>
            </Grid>
        </Border>
	
	        <!-- GRID SPLITTER -->
	        <GridSplitter x:Name="SidebarSplitter" Grid.Column="1" Grid.Row="0" Grid.RowSpan="2"
	                     Width="5" HorizontalAlignment="Stretch"
	                     Background="#FF3E3E42"
	                     ShowsPreview="False"/>
	
	        <!-- VIEWPORT -->
	        <Grid Grid.Column="2" Grid.Row="0" Background="#FF1A1A1A">
            <Canvas x:Name="ViewportCanvas" ClipToBounds="True">
                <Image x:Name="ImageDisplay" 
                      Stretch="Uniform"
                      RenderTransformOrigin="0.5,0.5"/>

                <MediaElement x:Name="VideoPlayer"
                             Stretch="Uniform"
                             LoadedBehavior="Manual"
                             Visibility="Collapsed"/>
            </Canvas>

            <!-- Video Controls removed - now integrated into bottom control bar -->

            <!-- Metadata Panel -->
            <Border x:Name="MetadataPanel"
                   Background="#DD252526"
                   CornerRadius="15"
                   Padding="20"
                   Margin="50"
                   VerticalAlignment="Center"
                   HorizontalAlignment="Center"
                   Visibility="Collapsed"
                   MinWidth="600"
                   MaxWidth="900"
                   MinHeight="300"
                   MaxHeight="600">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <TextBlock Text="Image Metadata"
                              FontSize="20"
                              FontWeight="Bold"
                              Foreground="White"
                              Margin="0,0,0,15"
                              Grid.Row="0"/>

                    <ScrollViewer Grid.Row="1"
                                 VerticalScrollBarVisibility="Auto"
                                 Margin="0,0,0,15">
                        <TextBox x:Name="MetadataTextBox"
                                Background="#FF2D2D30"
                                Foreground="White"
                                BorderThickness="0"
                                IsReadOnly="True"
                                TextWrapping="Wrap"
                                FontFamily="Consolas"
                                FontSize="12"
                                Padding="10"/>
                    </ScrollViewer>

                    <StackPanel Orientation="Horizontal"
                               HorizontalAlignment="Center"
                               Grid.Row="2">
                        <Button x:Name="CopyMetadataButton"
                               Content="📋 Copy to Clipboard"
                               Width="160"
                               Style="{StaticResource ModernButton}"
                               Margin="5"
                               Click="CopyMetadataButton_Click"/>
                        <Button Content="Close"
                               Width="100"
                               Style="{StaticResource ModernButton}"
                               Margin="5"
                               Click="CloseMetadataButton_Click"/>
                    </StackPanel>
                </Grid>
            </Border>

            <!-- Settings Panel -->
            <Border x:Name="SettingsPanel" Background="#DD252526" 
                   CornerRadius="15" Padding="30" Margin="50"
                   VerticalAlignment="Center" HorizontalAlignment="Center"
                   Visibility="Collapsed" MinWidth="400">
                <StackPanel>
                    <TextBlock Text="Settings" FontSize="20" FontWeight="Bold"
                              Foreground="White" Margin="0,0,0,20"/>

                    <TextBlock Text="Mouse Wheel:" FontWeight="Bold"
                              Foreground="White" Margin="0,10,0,5"/>
                    <RadioButton x:Name="WheelZoomsRadio"
                                Content="Wheel zooms" Foreground="White" 
                                Margin="20,5" IsChecked="True"
                                Checked="WheelZoomsRadio_Checked"/>
                    <RadioButton x:Name="WheelCyclesRadio"
                                Content="Wheel cycles files" Foreground="White" 
                                Margin="20,5"
                                Checked="WheelCyclesRadio_Checked"/>

                    <TextBlock Text="Image Fit Mode:" FontWeight="Bold"
                              Foreground="White" Margin="0,20,0,5"/>
                    <RadioButton x:Name="FitToWindowRadio"
                                Content="Fit to Window" Foreground="White"
                                Margin="20,5" IsChecked="True"
                                Tag="FitToWindow"
                                Checked="FitModeChanged"/>
                    <RadioButton x:Name="OriginalSizeRadio"
                                Content="Original Size (1:1)" Foreground="White"
                                Margin="20,5"
                                Tag="OriginalSize"
                                Checked="FitModeChanged"/>
                    <RadioButton x:Name="FitWidthRadio"
                                Content="Fit Width" Foreground="White"
                                Margin="20,5"
                                Tag="FitWidth"
                                Checked="FitModeChanged"/>
                    <RadioButton x:Name="FitHeightRadio"
                                Content="Fit Height" Foreground="White"
                                Margin="20,5"
                                Tag="FitHeight"
                                Checked="FitModeChanged"/>
                    <RadioButton x:Name="FillWindowRadio"
                                Content="Fill Window (crop)" Foreground="White"
                                Margin="20,5"
                                Tag="FillWindow"
                                Checked="FitModeChanged"/>

                    <TextBlock Text="Slideshow:" FontWeight="Bold"
                              Foreground="White" Margin="0,20,0,5"/>
                    <StackPanel Orientation="Horizontal" Margin="20,5">
                        <TextBlock Text="Delay:" Foreground="White"
                                  VerticalAlignment="Center" Margin="0,0,10,0"/>
                        <TextBox x:Name="SlideshowDelayTextBox" Width="80"
                                Text="3.0" Background="#FF2D2D30"
                                Foreground="White" Padding="5"/>
                    </StackPanel>
                    <CheckBox x:Name="ExcludeVideosCheckBox"
                             Content="Exclude videos" Foreground="White"
                             Margin="20,5"/>
                    <CheckBox x:Name="AutoplayVideosCheckBox"
                             Content="Autoplay videos" Foreground="White"
                             Margin="20,5" IsChecked="True"/>

                    <Button Content="Close" Width="100"
                           Style="{StaticResource ModernButton}"
                           Margin="0,20,0,0"
                           Click="CloseSettingsButton_Click"/>
                </StackPanel>
            </Border>
        </Grid>

        <!-- FULLSCREEN OVERLAY (hidden by default, shown on mouse move in fullscreen) -->
        <Border x:Name="FullscreenOverlay" 
                Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="0" Grid.RowSpan="2"
                Background="Transparent"
                Visibility="Collapsed"
                IsHitTestVisible="True"
                MouseMove="FullscreenOverlay_MouseMove">
            <!-- Floating control bar at bottom -->
            <Border x:Name="FullscreenControlBar"
                    VerticalAlignment="Bottom"
                    HorizontalAlignment="Stretch"
                    Background="#DD1A1A1A"
                    Padding="15,12"
                    Margin="40,0,40,30"
                    CornerRadius="12"
                    Visibility="Collapsed">
                <StackPanel>
                    <!-- Seek bar for videos -->
                    <Grid x:Name="FullscreenSeekBar" Margin="0,0,0,10" Visibility="Collapsed">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock x:Name="FullscreenTimeLabel" Text="00:00 / 00:00"
                                  Foreground="White" Grid.Column="0" Margin="0,0,15,0"
                                  VerticalAlignment="Center" FontSize="13"/>
                        <Slider x:Name="FullscreenSeekSlider" Grid.Column="1" 
                               Minimum="0" Maximum="100" Value="0"
                               VerticalAlignment="Center"
                               ValueChanged="FullscreenSeekSlider_ValueChanged"/>
                        <TextBlock Text="" Grid.Column="2"/>
                    </Grid>
                    <!-- Control buttons -->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                        <Button Content="◀ Prev" Width="80"
                               Style="{StaticResource ModernButton}"
                               Margin="5" Click="PreviousButton_Click"/>
                        <Button x:Name="FullscreenPlayPauseButton" Content="▶" Width="60"
                               Style="{StaticResource ModernButton}"
                               Margin="5" Click="PlayPauseButton_Click"
                               Visibility="Collapsed"/>
                        <Button Content="Next ▶" Width="80"
                               Style="{StaticResource ModernButton}"
                               Margin="5" Click="NextButton_Click"/>
                        
                        <Border Width="1" Background="#FF3E3E42" Margin="15,5"/>
                        
                        <Slider x:Name="FullscreenVolumeSlider" Width="100" Margin="10,0"
                               Minimum="0" Maximum="100" Value="100"
                               VerticalAlignment="Center"
                               Visibility="Collapsed"/>
                        
                        <Button Content="✕ Exit" Width="80"
                               Style="{StaticResource ModernButton}"
                               Margin="5" Click="FullscreenButton_Click"
                               ToolTip="Exit Fullscreen (Escape)"/>
                    </StackPanel>
                </StackPanel>
            </Border>
        </Border>

        <!-- CONTROL BAR -->
        <Border x:Name="ControlBarPanel" Grid.Column="2" Grid.Row="1"
               Background="#FF252526" BorderBrush="#FF3E3E42"
               BorderThickness="0,1,0,0" Padding="10,8">
            <StackPanel>
                <!-- Video Controls Row (visible only for videos) -->
                <StackPanel x:Name="VideoControlsPanel" Visibility="Collapsed" Margin="0,0,0,8">
                    <!-- Seek bar -->
                    <Grid Margin="0,0,0,5">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock x:Name="CurrentTimeLabel" Text="00:00"
                                  Foreground="White" Grid.Column="0" Margin="5,0"
                                  VerticalAlignment="Center" FontSize="12"/>
                        <Slider x:Name="SeekSlider" Grid.Column="1" 
                               Minimum="0" Maximum="100" Value="0"
                               VerticalAlignment="Center" Margin="10,0"
                               ValueChanged="SeekSlider_ValueChanged"/>
                        <TextBlock x:Name="DurationLabel" Text="00:00"
                                  Foreground="White" Grid.Column="2" Margin="5,0"
                                  VerticalAlignment="Center" FontSize="12"/>
                    </Grid>
                    <!-- Playback controls -->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                        <Button x:Name="PlayPauseButton" Content="▶" Width="45"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="PlayPauseButton_Click"/>
                        <Button Content="⏪" Width="45"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="RewindButton_Click" ToolTip="-5 sec"/>
                        <Button Content="⏩" Width="45"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="ForwardButton_Click" ToolTip="+5 sec"/>

                        <ComboBox x:Name="SpeedComboBox" Width="70" Margin="8,0"
                                 SelectedIndex="2"
                                 SelectionChanged="SpeedComboBox_SelectionChanged">
                            <ComboBoxItem Content="0.5x"/>
                            <ComboBoxItem Content="0.75x"/>
                            <ComboBoxItem Content="1.0x"/>
                            <ComboBoxItem Content="1.25x"/>
                            <ComboBoxItem Content="1.5x"/>
                            <ComboBoxItem Content="2.0x"/>
                        </ComboBox>

                        <Button x:Name="MuteButton" Content="🔊" Width="35"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="MuteButton_Click"/>
                        <Slider x:Name="VolumeSlider" Width="80" Margin="5,0"
                               Minimum="0" Maximum="100" Value="100"
                               VerticalAlignment="Center"/>

                        <Button Content="📷" Width="35"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="SnapshotButton_Click"
                               ToolTip="Take Snapshot"/>
                    </StackPanel>
                </StackPanel>
                
                <!-- Navigation Row (always visible) -->
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>

                    <StackPanel Orientation="Horizontal" Grid.Column="0">
                        <Button Content="◀ Prev" Width="70"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="PreviousButton_Click"/>
                        <Button Content="Next ▶" Width="70"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="NextButton_Click"/>
                        
                        <Border Width="1" Background="#FF3E3E42" Margin="8,5"/>
                        
                        <Button x:Name="RotateLeftButton" Content="↺" Width="40"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="RotateLeftButton_Click"
                               ToolTip="Rotate Left (Q)"/>
                        <Button x:Name="RotateRightButton" Content="↻" Width="40"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="RotateRightButton_Click"
                               ToolTip="Rotate Right (E)"/>
                        <Button x:Name="ResetRotationButton" Content="⟲" Width="40"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="ResetRotationButton_Click"
                               ToolTip="Reset Rotation"/>
                    </StackPanel>

                    <StackPanel Orientation="Horizontal" Grid.Column="1"
                               HorizontalAlignment="Center" VerticalAlignment="Center">
                        <TextBlock x:Name="StatusLabel" Text="No media loaded"
                                  Foreground="White" FontSize="13"
                                  VerticalAlignment="Center" Margin="0,0,10,0"/>
                        
                        <TextBlock x:Name="ResolutionLabel"
                                  Background="#FF2D2D30"
                                  Foreground="White"
                                  Padding="6,3"
                                  FontSize="11"
                                  VerticalAlignment="Center"
                                  Margin="0,0,8,0"
                                  Visibility="Collapsed"/>
                        
                        <Button x:Name="MetadataButton"
                               Content="📋 Metadata"
                               Style="{StaticResource ModernButton}"
                               Padding="6,3"
                               Visibility="Collapsed"
                               Click="MetadataButton_Click"/>
                    </StackPanel>

                    <StackPanel Orientation="Horizontal" Grid.Column="2">
                        <Button x:Name="FullscreenButton" Content="⛶" Width="40"
                               Style="{StaticResource ModernButton}"
                               Margin="3" Click="FullscreenButton_Click"
                               ToolTip="Fullscreen (F11)"/>
                        <Button x:Name="SlideshowButton" Content="▶ Slideshow"
                               Width="100" Style="{StaticResource ModernButton}"
                               Margin="3"
                               Click="SlideshowButton_Click"/>
                    </StackPanel>
                </Grid>
            </StackPanel>
        </Border>
    </Grid>
</Window>