PageTemplatePickerWindow.xaml

<Window
    x:Class="Caelum.PageTemplatePickerWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:Caelum.Controls"
    Width="980"
    Height="820"
    MinWidth="720"
    MinHeight="560"
    WindowStartupLocation="CenterOwner"
    ResizeMode="CanResize"
    WindowStyle="None"
    Background="Transparent"
    AllowsTransparency="True"
    ShowInTaskbar="False">

    <Window.Resources>
        <Style x:Key="TemplateCardButtonStyle" TargetType="Button">
            <Setter Property="Background" Value="{DynamicResource ThemeSurfaceBrush}"/>
            <Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderBrush}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border x:Name="Root"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                CornerRadius="18"
                                Padding="{TemplateBinding Padding}">
                            <ContentPresenter/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="Tag" Value="True">
                                <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeSelectionBrush}"/>
                                <Setter TargetName="Root" Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}"/>
                                <Setter TargetName="Root" Property="BorderThickness" Value="1.5"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlHoverBrush}"/>
                                <Setter TargetName="Root" Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}"/>
                            </Trigger>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlPressedBrush}"/>
                                <Setter TargetName="Root" Property="BorderBrush" Value="{DynamicResource ThemeAccentPressedBrush}"/>
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="True">
                                <Setter TargetName="Root" Property="BorderBrush" Value="{DynamicResource ThemeFocusBrush}"/>
                                <Setter TargetName="Root" Property="BorderThickness" Value="2"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="IconButtonStyle" TargetType="Button">
            <Setter Property="Width" Value="34"/>
            <Setter Property="Height" Value="34"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border x:Name="Root"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{DynamicResource ThemeFocusBrush}"
                                BorderThickness="0"
                                CornerRadius="10">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlHoverBrush}"/>
                            </Trigger>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlPressedBrush}"/>
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="True">
                                <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlHoverBrush}"/>
                                <Setter TargetName="Root" Property="BorderBrush" Value="{DynamicResource ThemeFocusBrush}"/>
                                <Setter TargetName="Root" Property="BorderThickness" Value="2"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Border Background="{DynamicResource ThemePaperBrush}" CornerRadius="18" Padding="24" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <StackPanel>
                    <TextBlock x:Name="TitleTextBlock" FontSize="24" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                    <TextBlock x:Name="SubtitleTextBlock" Margin="0,8,0,0" FontSize="13" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                </StackPanel>

                <Button Grid.Column="1"
                        x:Name="CloseButton"
                        Width="34"
                        Height="34"
                        Margin="12,0,0,0"
                        Click="CloseButton_Click"
                        Background="Transparent"
                        BorderThickness="0"
                        Cursor="Hand">
                    <Button.Template>
                        <ControlTemplate TargetType="Button">
                            <Border x:Name="Root"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{DynamicResource ThemeFocusBrush}"
                                    BorderThickness="0"
                                    CornerRadius="10">
                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlHoverBrush}"/>
                                </Trigger>
                                <Trigger Property="IsKeyboardFocused" Value="True">
                                    <Setter TargetName="Root" Property="Background" Value="{DynamicResource ThemeControlHoverBrush}"/>
                                    <Setter TargetName="Root" Property="BorderBrush" Value="{DynamicResource ThemeFocusBrush}"/>
                                    <Setter TargetName="Root" Property="BorderThickness" Value="2"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                    <controls:LucideIcon Kind="X" Width="14" Height="14" Stroke="{DynamicResource ThemeSubtleForegroundBrush}"/>
                </Button>
            </Grid>

            <ScrollViewer x:Name="TemplateScrollViewer"
                          Grid.Row="1"
                          Margin="0,20,0,0"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Auto"
                          CanContentScroll="False"
                          PanningMode="Both">
            <UniformGrid Columns="3" Rows="3" MinWidth="840">
                <Button x:Name="BlankCard" Click="BlankCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="BlankTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="BlankHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="NotebookCard" Click="NotebookCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceAltBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="28" Y1="0" X2="28" Y2="124" Stroke="{DynamicResource ThemeMarginBrush}" StrokeThickness="1.5"/>
                                <Line X1="0" Y1="22" X2="120" Y2="22" Stroke="{DynamicResource ThemeInkBrush}" StrokeThickness="1" Opacity="0.32"/>
                                <Line X1="0" Y1="46" X2="120" Y2="46" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="70" X2="120" Y2="70" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="94" X2="120" Y2="94" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="NotebookTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="NotebookHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="LinedCard" Click="LinedCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="20" X2="120" Y2="20" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="44" X2="120" Y2="44" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="68" X2="120" Y2="68" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="92" X2="120" Y2="92" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="LinedTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="LinedHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="QuadrilleCard" Click="QuadrilleCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="24" Y1="0" X2="24" Y2="124" Stroke="{DynamicResource ThemeInkBrush}" StrokeThickness="1"/>
                                <Line X1="48" Y1="0" X2="48" Y2="124" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                                <Line X1="72" Y1="0" X2="72" Y2="124" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                                <Line X1="96" Y1="0" X2="96" Y2="124" Stroke="{DynamicResource ThemeAccentBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="24" X2="120" Y2="24" Stroke="{DynamicResource ThemeAccentBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="48" X2="120" Y2="48" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="72" X2="120" Y2="72" Stroke="{DynamicResource ThemeSelectionBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="96" X2="120" Y2="96" Stroke="{DynamicResource ThemeAccentBrush}" StrokeThickness="1"/>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="QuadrilleTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="QuadrilleHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="DottedCard" Click="DottedCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <UniformGrid Rows="5" Columns="7" Margin="8">
                                    <Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/>
                                    <Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/>
                                    <Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/>
                                    <Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/>
                                    <Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/><Ellipse Width="3" Height="3" Fill="{DynamicResource ThemeBorderBrush}"/>
                                </UniformGrid>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="DottedTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="DottedHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="MusicCard" Click="MusicCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <StackPanel Margin="0,12">
                                    <UniformGrid Rows="5" Margin="0,0,0,12"><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/></UniformGrid>
                                    <UniformGrid Rows="5"><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/><Line X1="0" X2="120" Stroke="{DynamicResource ThemeBorderBrush}"/></UniformGrid>
                                </StackPanel>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="MusicTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="MusicHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="CornellCard" Click="CornellCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="0" Y1="24" X2="120" Y2="24" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1.2"/>
                                <Line X1="34" Y1="24" X2="34" Y2="112" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1.2"/>
                                <Line X1="0" Y1="112" X2="120" Y2="112" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1.2"/>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="CornellTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="CornellHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="ChecklistCard" Click="ChecklistCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <StackPanel Margin="16,16,12,12">
                                    <Grid Margin="0,0,0,12"><Grid.ColumnDefinitions><ColumnDefinition Width="16"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><Rectangle Width="10" Height="10" Stroke="{DynamicResource ThemeAccentBrush}" RadiusX="2" RadiusY="2"/><Line Grid.Column="1" X1="0" X2="90" Y1="5" Y2="5" Stroke="{DynamicResource ThemeBorderBrush}"/></Grid>
                                    <Grid Margin="0,0,0,12"><Grid.ColumnDefinitions><ColumnDefinition Width="16"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><Rectangle Width="10" Height="10" Stroke="{DynamicResource ThemeAccentBrush}" RadiusX="2" RadiusY="2"/><Line Grid.Column="1" X1="0" X2="90" Y1="5" Y2="5" Stroke="{DynamicResource ThemeBorderBrush}"/></Grid>
                                    <Grid Margin="0,0,0,12"><Grid.ColumnDefinitions><ColumnDefinition Width="16"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><Rectangle Width="10" Height="10" Stroke="{DynamicResource ThemeAccentBrush}" RadiusX="2" RadiusY="2"/><Line Grid.Column="1" X1="0" X2="90" Y1="5" Y2="5" Stroke="{DynamicResource ThemeBorderBrush}"/></Grid>
                                    <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="16"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><Rectangle Width="10" Height="10" Stroke="{DynamicResource ThemeAccentBrush}" RadiusX="2" RadiusY="2"/><Line Grid.Column="1" X1="0" X2="90" Y1="5" Y2="5" Stroke="{DynamicResource ThemeBorderBrush}"/></Grid>
                                </StackPanel>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="ChecklistTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="ChecklistHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>

                <Button x:Name="TwoColumnCard" Click="TwoColumnCard_Click" Style="{StaticResource TemplateCardButtonStyle}" Margin="8">
                    <StackPanel Margin="18">
                        <Border Height="160" CornerRadius="16" Background="{DynamicResource ThemeSurfaceBrush}" BorderBrush="{DynamicResource ThemeBorderBrush}" BorderThickness="1">
                            <Grid Margin="18">
                                <Rectangle RadiusX="6" RadiusY="6" Fill="{DynamicResource ThemePaperBrush}" Stroke="{DynamicResource ThemeBorderBrush}" StrokeThickness="1"/>
                                <Line X1="60" Y1="14" X2="60" Y2="110" Stroke="{DynamicResource ThemeAccentBrush}" StrokeThickness="1.2"/>
                                <Line X1="12" Y1="26" X2="50" Y2="26" Stroke="{DynamicResource ThemeBorderBrush}"/>
                                <Line X1="12" Y1="50" X2="50" Y2="50" Stroke="{DynamicResource ThemeBorderBrush}"/>
                                <Line X1="12" Y1="74" X2="50" Y2="74" Stroke="{DynamicResource ThemeBorderBrush}"/>
                                <Line X1="70" Y1="26" X2="108" Y2="26" Stroke="{DynamicResource ThemeBorderBrush}"/>
                                <Line X1="70" Y1="50" X2="108" Y2="50" Stroke="{DynamicResource ThemeBorderBrush}"/>
                                <Line X1="70" Y1="74" X2="108" Y2="74" Stroke="{DynamicResource ThemeBorderBrush}"/>
                            </Grid>
                        </Border>
                        <TextBlock x:Name="TwoColumnTitleTextBlock" Margin="0,16,0,0" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}"/>
                        <TextBlock x:Name="TwoColumnHintTextBlock" Margin="0,8,0,0" FontSize="12" Foreground="{DynamicResource ThemeSubtleForegroundBrush}" TextWrapping="Wrap"/>
                    </StackPanel>
                </Button>
            </UniformGrid>
            </ScrollViewer>

            <StackPanel Grid.Row="2" Margin="0,24,0,0">
                <Border x:Name="PathSectionBorder"
                        Visibility="Collapsed"
                        Background="{DynamicResource ThemeSurfaceBrush}"
                        BorderBrush="{DynamicResource ThemeBorderBrush}"
                        BorderThickness="1"
                        CornerRadius="16"
                        Padding="16,12">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>

                        <TextBlock x:Name="PathLabelTextBlock"
                                   VerticalAlignment="Center"
                                   FontSize="12"
                                   FontWeight="SemiBold"
                                   Foreground="{DynamicResource ThemeSubtleForegroundBrush}"/>

                        <TextBlock x:Name="SelectedFolderPathTextBlock"
                                   Grid.Column="1"
                                   Margin="12,0,12,0"
                                   VerticalAlignment="Center"
                                   FontSize="13"
                                   Foreground="{DynamicResource ThemeForegroundBrush}"
                                   TextTrimming="CharacterEllipsis"/>

                        <Button x:Name="BrowsePathButton"
                                Grid.Column="2"
                                Click="BrowsePathButton_Click"
                                Style="{StaticResource IconButtonStyle}">
                             <controls:LucideIcon Kind="FolderOpen" Width="16" Height="16" Stroke="{DynamicResource ThemeSubtleForegroundBrush}"/>
                        </Button>
                    </Grid>
                </Border>

                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,16,0,0">
                    <Button x:Name="CreateButton"
                            Visibility="Collapsed"
                            Click="CreateButton_Click"
                            Style="{StaticResource DialogPrimaryButton}"
                            Margin="0,0,10,0"/>
                    <Button x:Name="CancelButton" Click="CancelButton_Click" Style="{StaticResource DialogSecondaryButton}"/>
                </StackPanel>
            </StackPanel>
        </Grid>
    </Border>
</Window>