diff --git a/StarWars5E/StarWars5E_CSS.css b/StarWars5E/StarWars5E_CSS.css
index 85a1541e9c9b..853c0fa53805 100644
--- a/StarWars5E/StarWars5E_CSS.css
+++ b/StarWars5E/StarWars5E_CSS.css
@@ -1216,8 +1216,16 @@
         margin-top: 8px;
     }
     
-    .power-labels {
+    .powers .body .power-labels {
         color: #000000;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    
+        span{
+            margin: 0;
+            padding: 0;
+        }
     }
     
     .power-labels span {
diff --git a/StarWars5E/StarWars5E_HTML.html b/StarWars5E/StarWars5E_HTML.html
index f30bd814e09c..47f4327eccba 100644
--- a/StarWars5E/StarWars5E_HTML.html
+++ b/StarWars5E/StarWars5E_HTML.html
@@ -957,10 +957,10 @@
             <div class="triangle"></div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
-                            <span class="power-labels">
-                                <span data-i18n="force_slots_total-u" style="margin-right: 45px;">FORCE TOTAL</span>
-                                <span data-i18n="force_slots_remaining-u">FORCE REMAINING</span>
-                            </span>
+                    <div class="power-labels">
+                        <span class="flex-w-4" data-i18n="force_slots_total-u">FORCE TOTAL</span>
+                        <span class="flex-w-8" data-i18n="force_slots_remaining-u">FORCE REMAINING</span>
+                    </div>
                     <div class="power-level">
                         <div class="level">
                             <span>FP</span>
@@ -973,10 +973,10 @@
                             <input type="number" name="attr_force_power_points_expended" value="0">
                         </div>
                     </div>
-                    <span class="power-labels">
-                                <span data-i18n="tech_slots_total-u" style="margin-right: 45px;">TECH TOTAL</span>
-                                <span data-i18n="tech_slots_remaining-u">TECH REMAINING</span>
-                            </span>
+                    <div class="power-labels">
+                        <span class="flex-w-4" data-i18n="tech_slots_total-u">TECH TOTAL</span>
+                        <span class="flex-w-8" data-i18n="tech_slots_remaining-u">TECH REMAINING</span>
+                    </div>
                     <div class="power-level">
                         <div class="level">
                             <span>TP</span>
@@ -1001,7 +1001,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-cantrip">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -1108,11 +1109,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -1123,7 +1126,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1144,13 +1148,15 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="cantrip">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1171,7 +1177,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-1">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -1270,11 +1277,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -1285,7 +1294,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1306,14 +1316,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="1">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1334,7 +1347,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-2">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -1433,11 +1447,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -1448,7 +1464,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1469,14 +1486,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="2">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1500,7 +1520,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-3">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -1599,11 +1620,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -1614,7 +1637,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1635,14 +1659,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="3">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1663,7 +1690,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-4">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -1762,11 +1790,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -1777,7 +1807,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1798,14 +1829,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="4">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1826,7 +1860,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-5">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -1925,11 +1960,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -1940,7 +1977,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1961,14 +1999,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="5">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1992,7 +2033,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-6">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -2091,11 +2133,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -2106,7 +2150,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -2127,14 +2172,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="6">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -2155,7 +2203,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-7">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -2254,11 +2303,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -2269,7 +2320,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -2290,14 +2342,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="7">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -2318,7 +2373,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-8">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -2417,11 +2473,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -2432,7 +2490,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -2453,14 +2512,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="8">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -2481,7 +2543,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-9">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -2580,11 +2643,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -2595,7 +2660,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -2616,14 +2682,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="9">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}} {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}} {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -3851,10 +3920,10 @@
             </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
-                            <span class="power-labels">
-                                <span data-i18n="force_slots_total-u" style="margin-right: 45px;">FORCE TOTAL</span>
-                                <span data-i18n="force_slots_remaining-u">FORCE REMAINING</span>
-                            </span>
+                    <div class="power-labels">
+                        <span class="flex-w-4" data-i18n="force_slots_total-u">FORCE TOTAL</span>
+                        <span class="flex-w-8" data-i18n="force_slots_remaining-u">FORCE REMAINING</span>
+                    </div>
                     <div class="power-level">
                         <div class="level">
                             <span>FP</span>
@@ -3867,10 +3936,10 @@
                             <input type="number" name="attr_force_power_points_expended" value="0">
                         </div>
                     </div>
-                    <span class="power-labels">
-                                <span data-i18n="tech_slots_total-u" style="margin-right: 45px;">TECH TOTAL</span>
-                                <span data-i18n="tech_slots_remaining-u">TECH REMAINING</span>
-                            </span>
+                    <div class="power-labels">
+                        <span class="flex-w-4" data-i18n="tech_slots_total-u">TECH TOTAL</span>
+                        <span class="flex-w-8" data-i18n="tech_slots_remaining-u">TECH REMAINING</span>
+                    </div>
                     <div class="power-level">
                         <div class="level">
                             <span>TP</span>
@@ -3895,7 +3964,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-cantrip">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4002,11 +4072,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -4017,7 +4089,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -4038,13 +4111,15 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="cantrip">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -4065,7 +4140,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-1">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4164,11 +4240,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -4179,7 +4257,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -4200,14 +4279,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="1">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -4228,7 +4310,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-2">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4327,11 +4410,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -4342,7 +4427,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -4363,14 +4449,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="2">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -4394,7 +4483,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-3">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4493,11 +4583,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -4508,7 +4600,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -4529,14 +4622,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="3">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -4557,7 +4653,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-4">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4656,11 +4753,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -4671,7 +4770,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -4692,14 +4792,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="4">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -4720,7 +4823,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-5">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4819,11 +4923,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -4834,7 +4940,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -4855,14 +4962,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="5">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -4886,7 +4996,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-6">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -4985,11 +5096,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -5000,7 +5113,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -5021,14 +5135,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="6">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -5049,7 +5166,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-7">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -5148,11 +5266,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -5163,7 +5283,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -5184,14 +5305,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="7">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -5212,7 +5336,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-8">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -5311,11 +5436,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -5326,7 +5453,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -5347,14 +5475,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="8">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -5375,7 +5506,8 @@
                     <div class="power-container">
                         <fieldset class="repeating_power-9">
                             <div class="power">
-                                <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                                <input class="options-flag" type="checkbox" name="attr_options-flag"
+                                       checked="checked"><span>y</span>
                                 <div class="options">
                                     <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
@@ -5474,11 +5606,13 @@
                                                 <option value="Charisma" data-i18n="cha-u">CHA</option>
                                             </select>
                                             <span data-i18n="effect:-u">EFFECT:</span>
-                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                            <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                                   placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                            <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                            <input type="text" name="attr_powerhldie" placeholder="1"
+                                                   style="width: 15px; text-align: right;">
                                             <select name="attr_powerhldietype">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                                 <option value="d4">d4</option>
@@ -5489,7 +5623,8 @@
                                                 <option value="d20">d20</option>
                                             </select>
                                             <span>+</span>
-                                            <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                            <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                                   style="width: 15px; text-align: center;">
                                         </div>
                                         <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -5510,14 +5645,17 @@
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
                                     <div class="flex-row">
-                                        <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                                        <textarea name="attr_powerathigherlevels"
+                                                  style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
                                     <input type="hidden" name="attr_powerlevel" value="9">
                                 </div>
                                 <div class="flex-row display">
-                                    <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}} {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                                    <input type="hidden" name="attr_rollcontent"
+                                           value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}} {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                                    <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                                        class="prep"></span>
                                     <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                                         <span class="powername" name="attr_powername"></span>
                                         <input class="innate_flag" type="hidden" name="attr_innate" value="">
diff --git a/StarWars5E/src/css/legacy.css b/StarWars5E/src/css/legacy.css
index 93af81109f47..c90f396a3ff9 100644
--- a/StarWars5E/src/css/legacy.css
+++ b/StarWars5E/src/css/legacy.css
@@ -1201,8 +1201,16 @@ button[type=roll] * {
     margin-top: 8px;
 }
 
-.power-labels {
+.powers .body .power-labels {
     color: #000000;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    span{
+        margin: 0;
+        padding: 0;
+    }
 }
 
 .power-labels span {
diff --git a/StarWars5E/src/html/common/powers.html b/StarWars5E/src/html/common/powers.html
index 8b477ae89455..a1ea2ce415a8 100644
--- a/StarWars5E/src/html/common/powers.html
+++ b/StarWars5E/src/html/common/powers.html
@@ -1,9 +1,9 @@
 <div class="flex-row body">
     <div class="flex-column flex-w-4">
-                <span class="power-labels">
-                    <span data-i18n="force_slots_total-u" style="margin-right: 45px;">FORCE TOTAL</span>
-                    <span data-i18n="force_slots_remaining-u">FORCE REMAINING</span>
-                </span>
+        <div class="power-labels">
+            <span data-i18n="force_slots_total-u">FORCE TOTAL</span>
+            <span data-i18n="force_slots_remaining-u">FORCE REMAINING</span>
+        </div>
         <div class="power-level">
             <div class="level">
                 <span>FP</span>
@@ -16,10 +16,10 @@
                 <input type="number" name="attr_force_power_points_expended" value="0">
             </div>
         </div>
-        <span class="power-labels">
-                    <span data-i18n="tech_slots_total-u" style="margin-right: 45px;">TECH TOTAL</span>
-                    <span data-i18n="tech_slots_remaining-u">TECH REMAINING</span>
-                </span>
+        <div class="power-labels">
+            <span data-i18n="tech_slots_total-u">TECH TOTAL</span>
+            <span data-i18n="tech_slots_remaining-u">TECH REMAINING</span>
+        </div>
         <div class="power-level">
             <div class="level">
                 <span>TP</span>
@@ -44,7 +44,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-cantrip">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -151,11 +152,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -166,7 +169,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -187,13 +191,15 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="cantrip">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -214,7 +220,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-1">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -313,11 +320,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -328,7 +337,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -349,14 +359,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="1">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -377,7 +390,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-2">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -476,11 +490,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -491,7 +507,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -512,14 +529,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="2">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -543,7 +563,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-3">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -642,11 +663,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -657,7 +680,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -678,14 +702,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="3">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -706,7 +733,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-4">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -805,11 +833,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -820,7 +850,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -841,14 +872,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="4">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -869,7 +903,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-5">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -968,11 +1003,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -983,7 +1020,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1004,14 +1042,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="5">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1035,7 +1076,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-6">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -1134,11 +1176,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -1149,7 +1193,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1170,14 +1215,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="6">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1198,7 +1246,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-7">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -1297,11 +1346,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -1312,7 +1363,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1333,14 +1385,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="7">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1361,7 +1416,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-8">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -1460,11 +1516,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -1475,7 +1533,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1496,14 +1555,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="8">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}}  {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">
@@ -1524,7 +1586,8 @@
         <div class="power-container">
             <fieldset class="repeating_power-9">
                 <div class="power">
-                    <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
+                    <input class="options-flag" type="checkbox" name="attr_options-flag"
+                           checked="checked"><span>y</span>
                     <div class="options">
                         <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
@@ -1623,11 +1686,13 @@
                                     <option value="Charisma" data-i18n="cha-u">CHA</option>
                                 </select>
                                 <span data-i18n="effect:-u">EFFECT:</span>
-                                <input type="text" name="attr_powersavesuccess" style="width: 78px;" placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
+                                <input type="text" name="attr_powersavesuccess" style="width: 78px;"
+                                       placeholder="Half damage" data-i18n-placeholder="half-dmg-place">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="at-higher-lvl-dmg:-u">HIGHER LVL CAST DMG:</span>
-                                <input type="text" name="attr_powerhldie" placeholder="1" style="width: 15px; text-align: right;">
+                                <input type="text" name="attr_powerhldie" placeholder="1"
+                                       style="width: 15px; text-align: right;">
                                 <select name="attr_powerhldietype">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
                                     <option value="d4">d4</option>
@@ -1638,7 +1703,8 @@
                                     <option value="d20">d20</option>
                                 </select>
                                 <span>+</span>
-                                <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
+                                <input type="text" name="attr_powerhlbonus" placeholder="0"
+                                       style="width: 15px; text-align: center;">
                             </div>
                             <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
@@ -1659,14 +1725,17 @@
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
                         <div class="flex-row">
-                            <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
+                            <textarea name="attr_powerathigherlevels"
+                                      style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
                         <input type="hidden" name="attr_powerlevel" value="9">
                     </div>
                     <div class="flex-row display">
-                        <input type="hidden" name="attr_rollcontent" value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}} {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
-                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span class="prep"></span>
+                        <input type="hidden" name="attr_rollcontent"
+                               value="@{wtype}&{template:power} {{level=@{powerschool} @{powerlevel}}}  {{name=@{powername}}} {{castingtime=@{powercastingtime}}} {{range=@{powerrange}}} {{target=@{powertarget}}} {{duration=@{powerduration}}} {{description=@{powerdescription}}} {{athigherlevels=@{powerathigherlevels}}}  {{innate=@{innate}}} @{powerconcentration} @{charname_output}">
+                        <input type="checkbox" name="attr_powerprepared" value="1" class="prep-box"><span
+                            class="prep"></span>
                         <button class="powercard" type="roll" name="roll_power" value="@{rollcontent}">
                             <span class="powername" name="attr_powername"></span>
                             <input class="innate_flag" type="hidden" name="attr_innate" value="">