<!-- Add these elements to your CharacterSheet.uxml file -->

<!-- Attribute Management Section (add this after your existing attribute fields) -->
<ui:VisualElement name="AttributeManagementSection" style="margin-top: 10px; padding: 10px; border-width: 1px; border-color: rgb(128, 128, 128); border-radius: 5px;">
    <ui:Label text="Attribute Management" display-tooltip-when-elided="true" name="AttributeManagementTitle" style="font-size: 14px; -unity-font-style: bold; margin-bottom: 5px;"/>
    
    <!-- Current Mode and Points Display -->
    <ui:VisualElement name="StatusRow" style="flex-direction: row; justify-content: space-between; margin-bottom: 10px;">
        <ui:Label text="Mode: Point Buy" display-tooltip-when-elided="true" name="CreationModeLabel" style="font-size: 12px;"/>
        <ui:Label text="Available Points: 27" display-tooltip-when-elided="true" name="AvailablePointsLabel" style="font-size: 12px; color: rgb(0, 200, 0);"/>
    </ui:VisualElement>
    
    <!-- Buttons Row -->
    <ui:VisualElement name="ButtonsRow" style="flex-direction: row; justify-content: space-between;">
        <ui:Button text="Randomize (2-18)" display-tooltip-when-elided="true" name="RandomizeAttributesButton" tooltip="Roll random stats between 2-18. Cannot be changed afterwards!" style="flex-grow: 1; margin-right: 5px; background-color: rgb(200, 100, 100);"/>
        <ui:Button text="Reset to Point Buy" display-tooltip-when-elided="true" name="ResetToPointBuyButton" tooltip="Reset all stats to 10 and use 27-point buy system" style="flex-grow: 1; margin-left: 5px; background-color: rgb(100, 150, 200);"/>
    </ui:VisualElement>
    
    <!-- Point Cost Reference -->
    <ui:Label text="Point Costs: 8=0pts, 9=1pt, 10=2pts, 11=3pts, 12=4pts, 13=5pts, 14=7pts, 15=9pts, 16=12pts, 17=16pts, 18=21pts" 
              display-tooltip-when-elided="true" 
              name="PointCostReference" 
              style="font-size: 10px; color: rgb(180, 180, 180); margin-top: 5px; white-space: normal;"/>
</ui:VisualElement>
