@if (_isMinimized)
{
    <div class="minimized-dock">
        <MudFab Color="Color.Primary"
                StartIcon="@Icons.Material.Filled.ExpandLess"
                Size="Size.Large"
                OnClick="@ToggleMinimized"/>
    </div>
}
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">

                <div class="player-layout">
                    <PlayerTransportZone IsLoaded="IsLoaded"
                                         IsLoading="IsLoading"
                                         IsStreaming="IsStreaming"
                                         LoadProgress="LoadProgress"
                                         TogglePlayPause="@TogglePlayPause"
                                         Stop="@Stop"
                                         Class="transport-zone"/>

                    <VolumeZone Volume="@Volume" VolumeChanged="@OnVolumeChange"/>

                    <PlayerSeekZone DisplayTime="DisplayTime"
                                    Duration="Duration"
                                    OnSeekStart="@OnSeekStart"
                                    OnSeekEnd="@OnSeekEnd"
                                    OnSeekChange="@OnSeekChange"
                                    Class="seek-zone"/>
                </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>