@if (_isMinimized)
{
    <MudFab Color="Color.Primary"
            StartIcon="@Icons.Material.Filled.ExpandLess"
            Size="Size.Large"
            Class="minimized-dock"
            OnClick="@ToggleMinimized"/>
}
else
{
    <div class="player-dock d-flex flex-column">
        <MudContainer MaxWidth="MaxWidth.Large" Class="player-inner-container">
            <MudPaper Elevation="8" Class="player-surface pa-3">

                @if (_isDesktop)
                {
                    @* Desktop Layout *@
                    <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3" Class="player-row">
                        <PlayerTransportZone IsPlaying="IsPlaying"
                                             IsLoaded="IsLoaded"
                                             IsLoading="IsLoading"
                                             IsStreaming="IsStreaming"
                                             LoadProgress="LoadProgress"
                                             DisplayTime="DisplayTime"
                                             Duration="Duration"
                                             TogglePlayPause="@TogglePlayPause"
                                             Stop="@Stop"
                                             Class="controls-left"/>

                        <PlayerSeekZone DisplayTime="DisplayTime"
                                        Duration="Duration"
                                        CanSeek="CanSeek"
                                        OnSeekStart="@OnSeekStart"
                                        OnSeekEnd="@OnSeekEnd"
                                        OnSeekChange="@OnSeekChange"
                                        Class="flex-grow-1"/>

                        <VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
                    </MudStack>
                }
                else
                {
                    @* Mobile Layout *@
                    <div>
                        <div class="d-flex align-center justify-space-between mb-3">
                            <div class="d-flex align-center gap-2">
                                <PlayerControls IsPlaying="IsPlaying"
                                                IsLoaded="IsLoaded"
                                                TogglePlayPause="@TogglePlayPause"
                                                Stop="@Stop"/>
                                @if (IsLoading && !IsStreaming)
                                {
                                    <MudProgressCircular Color="Color.Tertiary"
                                                         Size="Size.Small"
                                                         Max="1D"
                                                         Value="@LoadProgress"
                                                         Indeterminate="@(LoadProgress == 0)"/>
                                }
                            </div>
                            <TimestampLabel CurrentTime="DisplayTime" Duration="Duration"/>
                            <VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
                        </div>

                        <div class="d-flex flex-column flex-grow-1">
                            <div @onpointerdown="OnSeekStart"
                                @onpointerup="@(() => OnSeekEnd(_seekPosition))"
                                @onpointerleave="@(async () => { if (_isSeeking) await OnSeekEnd(_seekPosition); })">
                                <MudSlider T="double"
                                        Min="0"
                                        Max="@(Duration ?? 0D)"
                                        Step="0.1"
                                        Value="@DisplayTime"
                                        ValueChanged="@OnSeekChange"
                                        Immediate="true"
                                        Disabled="@(!CanSeek)"/>
                            </div>
                            <SpectrumVisualizer />
                        </div>
                    </div>
                }

                @* Minimize / close — positioned absolutely top-right *@
                <PlayerWindowControls OnMinimize="@ToggleMinimized" OnClose="@Close"/>
            </MudPaper>
        </MudContainer>
            
        @if (!string.IsNullOrEmpty(ErrorMessage))
        {
            <MudAlert Severity="Severity.Error" 
                      ShowCloseIcon="true" 
                      CloseIconClicked="ClearError" 
                      Class="ma-2">
                @ErrorMessage
            </MudAlert>
        }
    </div>
    
    @* Spacer to prevent content overlap *@
    <div class="player-spacer"></div>
}