diff --git a/StarWars5E/README.md b/StarWars5E/README.md
index aa4c6f74f7..382ad9e280 100644
--- a/StarWars5E/README.md
+++ b/StarWars5E/README.md
@@ -8,6 +8,10 @@ More Information
 - [Star Wars 5e Discord](https://discord.gg/zYcPYTu)
 
 # Changelog
+## 2024-11-30
+* Bugfix : Fixing buttons for when the sheet is resized
+* Bugfix : Fixing PC Powers
+* Improvement : Remade NPC Powers
 ## 2024-11-27
 * Chore : Massive refactor of the sheet using GULP as build engine
 * Chore : Removal of leftover unused code for 5e compendium & Charmancer integration
diff --git a/StarWars5E/StarWars5E_CSS.css b/StarWars5E/StarWars5E_CSS.css
index c159b8c7c4..dfd21d1583 100644
--- a/StarWars5E/StarWars5E_CSS.css
+++ b/StarWars5E/StarWars5E_CSS.css
@@ -398,7 +398,7 @@
         font-weight: bold;
     }
     
-    .charsheet .ship .insp-prof-container .value input[type=number] {
+    .ship .insp-prof-container .value input[type=number] {
         width: 140%;
     }
     
@@ -546,7 +546,7 @@
     .textbox span,
     .tool_proficiencies span,
     .proficiencies span,
-    .powers span,
+    .powers .body span,
     .options .body span {
         display: block;
         font-size: 9px;
@@ -1282,6 +1282,7 @@
     }
     
     .power .display button[type=roll] {
+        display:flex;
         background-color: transparent;
         color: black;
         border-top: none;
@@ -1302,17 +1303,16 @@
         content: "" !important;
     }
     
-    span.powerritual,
-    span.powerconcentration {
+    .powers .body span.powerritual,
+    .powers .body span.powerconcentration {
         display: none;
         font-size: 8px;
         font-weight: normal;
         margin-top: 0;
         color: white;
         background-color: black;
-        position: absolute;
-        width: 10px;
-        height: 10px;
+        width: 1rem;
+        height: 1rem;
         top: 0;
         line-height: 10px;
     }
@@ -1322,7 +1322,7 @@
         right: 11px;
     }
     
-    .powericon_flag:not([value="none"]) + .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
+    .powers .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
         border-radius: 100%;
         display: inline-block;
         right: 0;
@@ -1378,7 +1378,7 @@
         max-width: 220px;
     }
     
-    .power .display .prep ~ span.powername {
+    .powers .body .power .display .prep ~ span.powername {
         margin-left: 14px;
     }
     
@@ -1627,7 +1627,7 @@
         position: relative;
     }
     
-    .power .prep {
+    .powers .body .power .prep {
         width: 10px;
         height: 10px;
         border-radius: 50%;
@@ -1636,11 +1636,14 @@
         border: 1px solid black;
     }
     
-    .power input[type=checkbox]:checked ~ span.prep {
+    .powers .body .power input[type=checkbox]:checked ~ span.prep {
         background-color: #EC2127;
     }
     
-    .power .prep-box {
+    .powers .options .flex-row{
+        margin-bottom: 0.2rem;
+    }
+    .powers .body .power .prep-box {
         -webkit-appearance: checkbox;
         -moz-appearance: checkbox;
         opacity: 0;
@@ -1649,7 +1652,7 @@
         width: 12px
     }
     
-    .charsheet .power .display button[type=roll].powercard {
+    .power .display button[type=roll].powercard {
         width: calc(100% - 18px);
     }
     
@@ -2291,7 +2294,7 @@
         pointer-events: none;
     }
     
-    .charsheet .options .body .version input[type="text"] {
+    .options .body .version input[type="text"] {
         border-bottom: none;
         width: 20px;
     }
@@ -2300,8 +2303,8 @@
         display: none;
     }
     
-    .charsheet .powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
-    .charsheet .npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
+    .powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
+    npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
         display: block;
     }
     
@@ -2338,7 +2341,7 @@
         width: 74px;
     }
     
-    .charsheet .hlabel-container .multiclass-display {
+    .hlabel-container .multiclass-display {
         width: 57px;
         font-size: 13px;
         border-bottom: 1px solid #D3D3D3;
@@ -2349,7 +2352,7 @@
         text-overflow: ellipsis;
     }
     
-    .charsheet .hlabel-container .multiclass-display-level {
+    .hlabel-container .multiclass-display-level {
         width: 31px;
         text-align: center;
         font-size: 13px;
@@ -2359,7 +2362,7 @@
         overflow: hidden;
     }
     
-    .charsheet .hlabel-container input.class-level {
+    .hlabel-container input.class-level {
         margin-left: -6px;
         width: 34px;
     }
@@ -2479,11 +2482,11 @@
         cursor: pointer !important;
     }
     
-    .charsheet .options .sheet-row span.transition_text {
+    .options .sheet-row span.transition_text {
         color: #A0A0A0;
     }
     
-    .charsheet .options .sheet-row span.transition_text_highlight {
+    .options .sheet-row span.transition_text_highlight {
         color: #F00;
     }
     
@@ -2516,6 +2519,15 @@
         display: none;
     }
     
+    .npc-powers{
+        padding: 0.75rem 2rem 0;
+        .body{
+            box-sizing: border-box;
+            width: 100%;
+            margin:0;
+            padding: 1rem 0 0;
+        }
+    }
     .missing-info-flag[value="1"] + .missing-info,
     .missing-info:hover .missing-info-desc,
     .missing-info-desc:hover {
@@ -2527,9 +2539,6 @@
         display: none;
     }
     
-    .npcpower_flag[value="1"] + .actions.npcpower.powers {
-        display: block;
-    }
     
     .powers .innate {
         color: #A0A0A0;
@@ -2538,10 +2547,6 @@
         font-weight: normal;
     }
     
-    .innate:before {
-        content: ", "
-    }
-    
     .innate_flag:not([value=""]) + .innate {
         display: inline;
     }
@@ -2736,214 +2741,88 @@
     
 
     /* Tab Switching */
-    input[type=radio].tab-button {
-        opacity: 0;
-        position: absolute;
-        top: 92px;
-        right: 2rem;
-        width: 18px;
-        height: 18px;
-        z-index: 2;
-    }
-    
-    input[type=radio].tab-button + span {
-        position: absolute;
-        top: 92px;
-        right: 2rem;
-        width: 17px;
-        height: 17px;
-        border: 1px solid black;
-        border-radius: 5px;
-        background-color: #E8E8E8;
-        color: black;
-        text-align: center;
-        font-weight: bold;
-    }
-    
-    .advantagetoggle input[type=radio]:checked + span,
-    input[type=radio].tab-button:checked + span {
-        color: #FFFFFF;
-        background-color: #EC2127;
-    }
-    
-    .advantagetoggle input.toggle-left,
-    .advantagetoggle input.toggle-left + span {
-        right: calc(181px + 2rem);
-        width: 90px;
-    }
-    
-    .advantagetoggle input.toggle-center,
-    .advantagetoggle input.toggle-center + span {
-        right: calc(113px + 2rem);
-        width: 65px;
-    }
-    
-    .advantagetoggle input.toggle-right,
-    .advantagetoggle input.toggle-right + span {
-        right: calc(0px + 2rem);
-        width: 110px;
-    }
-    
-    .whispertoggle {
-        left: 270px;
-    }
-    
-    .advantagetoggle.whispertoggle input.toggle-right,
-    .advantagetoggle.whispertoggle input.toggle-right + span {
-        width: 50px;
-    }
-    
-    .advantagetoggle.whispertoggle input.toggle-left,
-    .advantagetoggle.whispertoggle input.toggle-left + span {
-        right: calc(54px + 2rem);
-        width: 55px;
-    }
-    
-    .npc_toggle[value="1"] ~ .advantagetoggle {
-        top: -10px;
-        left: 390px;
-    }
-    
-    .npc_toggle[value="1"] ~ .advantagetoggle.whispertoggle {
-        top: -10px;
-        left: 120px;
-    }
-    
-    .advantagetoggle {
-        display: none;
-    }
-    
-    .toggleflag[value*="advantagetoggle"] + .advantagetoggle,
-    .toggleflag[value*="whispertoggle"] + .whispertoggle,
-    .toggleflag[value="1"] + .conditional-visibility,
-    .toggleflag[value="1"] + .sheet-row.conditional-visibility {
-        display: block;
-    }
-    
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc,
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .header {
-        display: block;
-        visibility: hidden;
-        width: 0;
-        top: -150px;
+    div.button-row {
+        padding: 0 2rem 0 5rem;
         margin: 0;
-        padding: 0;
+    
+    
+        .adv-btn-group,
+        .gm-btn-group{
+            display: none;
+        }
+    
+        input[name="attr_rtype"][value*="advantagetoggle"] + .adv-btn-group,
+        input[name="attr_wtype"][value*="whispertoggle"] + .gm-btn-group{
+            display: block;
+        }
+    
+        button {
+            border: 0.1rem solid black;
+            border-radius: 0.5rem;
+            font-size: 1.1rem;
+            font-weight: bold;
+            padding: 0.1rem 0.5rem;
+    
+            span {
+                margin: 0;
+                padding: 0;
+            }
+        }
+    
+        /*PC*/
+        input[name="attr_tab"][value="core"] ~ button[name="act_tab_core"],
+        input[name="attr_tab"][value="bio"] ~ button[name="act_tab_bio"],
+        input[name="attr_tab"][value="powers"] ~ button[name="act_tab_powers"],
+        input[name="attr_tab"][value="options"] ~ button[name="act_tab_options"],
+        /*SHIP*/
+        input[name="attr_ship_tab"][value="ship-core"] ~ button[name="act_ship_tab_core"],
+        input[name="attr_ship_tab"][value="ship-cargo"] ~ button[name="act_ship_tab_cargo"],
+        input[name="attr_ship_tab"][value="ship-mods"] ~ button[name="act_ship_tab_mods"],
+        input[name="attr_ship_tab"][value="ship-suites"] ~ button[name="act_ship_tab_suites"],
+        input[name="attr_ship_tab"][value="ship-options"] ~ button[name="act_ship_tab_options"],
+        /*Whisper*/
+        input[name="attr_whispertoggle"][value=""] ~ button[name="act_wtype_public"],
+        input[name="attr_whispertoggle"][value*="gm"] ~ button[name="act_wtype_whisper"],
+        /*Advantages*/
+        input[name="attr_advantagetoggle"]:not([value*="disadvantage"])[value*="advantage"] ~ button[name="act_adv_advantage"],
+        input[name="attr_advantagetoggle"][value*="normal"] ~ button[name="act_adv_normal"],
+        input[name="attr_advantagetoggle"][value*="disadvantage"] ~ button[name="act_adv_disadvantage"]{
+            background-color: #EC2127;
+            color: white;
+        }
     }
     
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers {
-        display: block;
-    }
-    
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.core,
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.bio,
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.options {
+    /*PC TABS*/
+    .tab.core,
+    .tab.bio,
+    .tab.powers,
+    .tab.options,
+    /*SHIP TABS*/
+    .tab.ship-core,
+    .tab.ship-suites,
+    .tab.ship-cargo,
+    .tab.ship-mods,
+    /* NPC POWERS */
+    .npc-powers{
         display: none;
     }
-    
-    .npc_toggle[value="2"] ~ .ship .tab.ship-core,
-    .npc_toggle[value="2"] ~ .ship .tab.ship-cargo,
-    .npc_toggle[value="2"] ~ .ship .tab.ship-mods,
-    .npc_toggle[value="2"] ~ .ship .tab.ship-suites {
-        display: none;
+    /*PC TAB SELECTED */
+    input[name="attr_tab"][value="core"] ~ .tab.core,
+    input[name="attr_tab"][value="bio"] ~ .tab.bio,
+    input[name="attr_tab"][value="powers"] ~ .tab.powers,
+    input[name="attr_tab"][value="options"] ~ .tab.options,
+    /*SHIP TAB SELECTED */
+    input[name="attr_ship_tab"][value="ship-core"] ~ .tab.ship-core,
+    input[name="attr_ship_tab"][value="ship-options"] ~ .tab.options,
+    input[name="attr_ship_tab"][value="ship-suites"] ~ .tab.ship-suites,
+    input[name="attr_ship_tab"][value="ship-cargo"] ~ .tab.ship-cargo,
+    input[name="attr_ship_tab"][value="ship-mods"] ~ .tab.ship-mods,
+    /*NPC POWERS SELECTED*/
+    input[name="attr_npcpowercastingflag"][value="1"] ~ .npc-powers{
+        display: flex;
+        flex-direction:column;
     }
     
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body {
-        visibility: visible;
-    }
-    
-    .npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body .col {
-        display: block;
-    }
-    
-    .conditional-visibility,
-    .options .sheet-row.conditional-visibility {
-        display: none;
-    }
-    
-    .npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span {
-        text-transform: lowercase;
-        font-variant: small-caps;
-        font-weight: normal;
-        background: transparent;
-        border: none;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-    
-    .npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span:first-letter {
-        text-transform: uppercase;
-    }
-    
-    .npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span > span.togm {
-        text-transform: uppercase;
-    }
-    
-    .npc_toggle[value="1"] ~ .advantagetoggle input[type=radio]:checked + span {
-        font-weight: bold;
-        color: rgb(126, 45, 64);
-    }
-    
-    .tab {
-        display: none;
-    }
-    
-    input[type=radio].tab-button.core:checked ~ .tab.core,
-    input[type=radio].tab-button.bio:checked ~ .tab.bio,
-    input[type=radio].tab-button.powers:checked ~ .tab.powers,
-    input[type=radio].tab-button.options:checked ~ .tab.options,
-    input[type=radio].tab-button.ship-core:checked ~ .tab.ship-core,
-    input[type=radio].tab-button.ship-cargo:checked ~ .tab.ship-cargo,
-    input[type=radio].tab-button.ship-mods:checked ~ .tab.ship-mods,
-    input[type=radio].tab-button.ship-suites:checked ~ .tab.ship-suites {
-        display: block;
-    }
-    
-    input[type=radio].tab-button.core,
-    input[type=radio].tab-button.core + span {
-        right: calc(121px + 2rem);
-        width: 45px;
-    }
-    
-    input[type=radio].tab-button.ship-core,
-    input[type=radio].tab-button.ship-core + span {
-        height: 15px;
-        right: calc(100px + 2rem);
-        width: 80px;
-    }
-    
-    input[type=radio].tab-button.ship-cargo,
-    input[type=radio].tab-button.ship-cargo + span {
-        height: 15px;
-        right: calc(20px + 2rem);
-        width: 80px;
-    }
-    
-    input[type=radio].tab-button.ship-mods,
-    input[type=radio].tab-button.ship-mods + span {
-        top: 110px;
-        height: 15px;
-        right: calc(100px + 2rem);
-        width: 80px;
-    }
-    
-    input[type=radio].tab-button.ship-suites,
-    input[type=radio].tab-button.ship-suites + span {
-        top: 110px;
-        height: 15px;
-        right: calc(20px + 2rem);
-        width: 80px;
-    }
-    
-    input[type=radio].tab-button.bio,
-    input[type=radio].tab-button.bio + span {
-        right: calc(88px + 2rem);
-        width: 30px;
-    }
-    
-    input[type=radio].tab-button.powers,
-    input[type=radio].tab-button.powers + span {
-        right: calc(20px + 2rem);
-        width: 65px;
-    }
     
     /* Switch between complex & simple data */
     .equipment .complex,
diff --git a/StarWars5E/StarWars5E_HTML.html b/StarWars5E/StarWars5E_HTML.html
index a3a04292a6..7a96190069 100644
--- a/StarWars5E/StarWars5E_HTML.html
+++ b/StarWars5E/StarWars5E_HTML.html
@@ -1,27 +1,6 @@
-<div class="licensecontainer compendium-drop-target monsters">
+<div class="container">
     <!-- HEADER -->
-    <input class="monster_confirm_flag" type="hidden" name="attr_monster_confirm_flag">
     <input class="npc_toggle" name="attr_npc" type="hidden" value="0">
-    <input type="hidden" class="npcpowercastingflag" name="attr_npcpowercastingflag">
-    
-    <input type="hidden" class="toggleflag" name="attr_rtype">
-    <div class="advantagetoggle">
-        <input type="radio" class="toggle-left" name="attr_advantagetoggle"
-               value="{{query=1}} {{advantage=1}} {{r2=[[@{d20}"><span data-i18n="adv-u">ADVANTAGE</span>
-        <input type="radio" class="toggle-center" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20"
-               checked="checked"><span data-i18n="norm-u">NORMAL</span>
-        <input type="radio" class="toggle-right" name="attr_advantagetoggle"
-               value="{{query=1}} {{disadvantage=1}} {{r2=[[@{d20}"><span data-i18n="disadv-u">DISADVANTAGE</span>
-    </div>
-    
-    <input type="hidden" class="toggleflag" name="attr_wtype">
-    <div class="advantagetoggle whispertoggle">
-        <input type="radio" class="toggle-left" name="attr_whispertoggle" value="" checked="checked"><span
-            data-i18n="public:-u">PUBLIC</span>
-        <input type="radio" class="toggle-right" name="attr_whispertoggle" value="/w gm "><span
-            data-i18n="to-gm:-u">TO <span class="togm">GM</span></span>
-    </div>
-    
 
     <!-- NPC -->
     <div class="container npc">
@@ -952,6 +931,1697 @@
             </div>
         </div>
     
+        <input type="hidden" name="attr_npcpowercastingflag">
+        <div class="powers npc-powers">
+            <div class="sheet-row title red">
+                    <span data-i18n="powers-u">POWERS</span>
+            </div>
+            <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-level">
+                        <div class="level">
+                            <span>FP</span>
+                        </div>
+            
+                        <div class="total">
+                            <input type="number" name="attr_force_power_points_total" value="0">
+                        </div>
+                        <div class="expended">
+                            <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-level">
+                        <div class="level">
+                            <span>TP</span>
+                        </div>
+            
+                        <div class="total">
+                            <input type="number" name="attr_tech_power_points_total" value="0">
+                        </div>
+                        <div class="expended">
+                            <input type="number" name="attr_tech_power_points_expended" value="0">
+                        </div>
+                    </div>
+                    <br>
+                    <div class="power-level">
+                        <div class="level">
+                            <span>0</span>
+                        </div>
+                        <div class="cantrips">
+                            <span data-i18n="cantrips-u">AT-WILL</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="cantrip-progression:-u">AT-WILL PROGRESSION</span>
+                                            <select name="attr_power_damage_progression">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Cantrip Dice" data-i18n="cantrip-dice-u">AT-WILL DICE</option>
+                                                <option value="Cantrip Beam" data-i18n="cantrip-beam-u">AT-WILL BEAM</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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}">
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>1</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>2</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                </div>
+                <div class="flex-column flex-w-4">
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>3</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>4</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+                    <!-- Edited Spell Adding here ppl -->
+                    <div class="power-level">
+                        <div class="level">
+                            <span>5</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+                    <!-- Removed Components Here -->
+                </div>
+                <div class="flex-column flex-w-4">
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>6</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>7</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>8</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                    <div class="power-level">
+                        <div class="level">
+                            <span>9</span>
+                        </div>
+                    </div>
+                    <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>
+                                <div class="options">
+                                    <div class="flex-row">
+                                        <span data-i18n="name:-u">NAME:</span>
+                                        <input type="text" name="attr_powername">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="school:-u">SCHOOL:</span>
+                                        <select name="attr_powerschool">
+                                            <option value="force" data-i18n="force">Force</option>
+                                            <option value="tech" data-i18n="tech">Tech</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="casting-time:-u">CASTING TIME:</span>
+                                        <input type="text" name="attr_powercastingtime">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="range:-u">RANGE:</span>
+                                        <input type="text" name="attr_powerrange">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="target:-u">TARGET:</span>
+                                        <input type="text" name="attr_powertarget">
+                                    </div>
+                                    <div class="flex-row">
+                                        <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
+                                        <span data-i18n="concentration-u">CONCENTRATION</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="duration:-u">DURATION:</span>
+                                        <input type="text" name="attr_powerduration">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
+                                        <select name="attr_power_ability">
+                                            <option value="0*" data-i18n="none-u">NONE</option>
+                                            <option value="power" data-i18n="power-u">POWER</option>
+                                            <option value="@{strength_mod}+" data-i18n="strength-u">STRENGTH</option>
+                                            <option value="@{dexterity_mod}+" data-i18n="dexterity-u">DEXTERITY</option>
+                                            <option value="@{constitution_mod}+" data-i18n="constitution-u">CONSTITUTION</option>
+                                            <option value="@{intelligence_mod}+" data-i18n="intelligence-u">INTELLIGENCE</option>
+                                            <option value="@{wisdom_mod}+" data-i18n="wisdom-u">WISDOM</option>
+                                            <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="innate:-u">INNATE:</span>
+                                        <input type="text" name="attr_innate" placeholder="1/day" value="">
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="output:-u">OUTPUT:</span>
+                                        <select name="attr_poweroutput">
+                                            <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
+                                            <option value="ATTACK" data-i18n="attack-u">ATTACK</option>
+                                        </select>
+                                    </div>
+                                    <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
+                                    <div class="powerattackinfo">
+                                        <div class="flex-row">
+                                            <span data-i18n="power-atk:-u">POWER ATTACK:</span>
+                                            <select name="attr_powerattack">
+                                                <option value="None" data-i18n="none">None</option>
+                                                <option value="Melee" data-i18n="melee">Melee</option>
+                                                <option value="Ranged" data-i18n="ranged">Ranged</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage:-u">DAMAGE:</span>
+                                            <input type="text" name="attr_powerdamage" style="width: 50px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="damage2:-u">DAMAGE2:</span>
+                                            <input type="text" name="attr_powerdamage2" style="width: 45px;">
+                                            <span data-i18n="type:-u">TYPE:</span>
+                                            <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="healing:-u">HEALING:</span>
+                                            <input type="text" name="attr_powerhealing" style="width: 45px;">
+                                        </div>
+                                        <div class="flex-row">
+                                            <input type="checkbox" name="attr_powerdmgmod" value="Yes">
+                                            <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
+                                        </div>
+                                        <div class="flex-row">
+                                            <span data-i18n="saving-throw:-u">SAVING THROW:</span>
+                                            <select name="attr_powersave">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="Strength" data-i18n="str-u">STR</option>
+                                                <option value="Dexterity" data-i18n="dex-u">DEX</option>
+                                                <option value="Constitution" data-i18n="con-u">CON</option>
+                                                <option value="Intelligence" data-i18n="int-u">INT</option>
+                                                <option value="Wisdom" data-i18n="wis-u">WIS</option>
+                                                <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">
+                                        </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;">
+                                            <select name="attr_powerhldietype">
+                                                <option value="" selected="selected" data-i18n="none-u">NONE</option>
+                                                <option value="d4">d4</option>
+                                                <option value="d6">d6</option>
+                                                <option value="d8">d8</option>
+                                                <option value="d10">d10</option>
+                                                <option value="d12">d12</option>
+                                                <option value="d20">d20</option>
+                                            </select>
+                                            <span>+</span>
+                                            <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>
+                                            <select name="attr_includedesc">
+                                                <option value="off" selected="selected" data-i18n="off">Off</option>
+                                                <option value="partial" data-i18n="partial">Partial</option>
+                                                <option value="on" data-i18n="on">On</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="flex-row">
+                                        <span data-i18n="description:-u">DESCRIPTION:</span>
+                                    </div>
+                                    <div class="flex-row">
+                                        <textarea name="attr_powerdescription"></textarea>
+                                    </div>
+                                    <div class="flex-row">
+                                        <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>
+                                    </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>
+                                    <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="">
+                                        <span class="innate" name="attr_innate"></span>
+                                    </button>
+                                    <input type="hidden" class="powerconcentration" name="attr_powerconcentration" value="0">
+                                    <span class="powerconcentration" data-i18n="power-concentration">C</span>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+            
+                </div>
+            </div>
+        </div>
+    
         <div class="footer">
             <div style="margin-right: 50px; margin-left: 10px;">
                     <span data-i18n="portions-sheet-utilize">
@@ -968,11 +2638,7 @@
 
     <!-- PC -->
     <div class="container pc">
-        <input class="tab-button core" type="radio" name="attr_tab" value="core" checked="checked"><span data-i18n="core-u">CORE</span>
-        <input class="tab-button bio" type="radio" name="attr_tab" value="bio"><span data-i18n="bio-u">BIO</span>
-        <input class="tab-button powers" type="radio" name="attr_tab" value="powers"><span data-i18n="powers-u">POWERS</span>
-        <input class="tab-button options" type="radio" name="attr_tab" value="options"><span style="font-family: pictos">y</span>
-    
+        <input type="hidden" name="attr_tab" value="core">
         <div class="tab core">
             <div class="header">
                 <div class="name-container">
@@ -1038,6 +2704,37 @@
                     </div>
                 </div>
             </div>
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="pc-btn-group">
+                    <input type="hidden" name="attr_tab">
+                    <button type="action" name="act_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_tab_bio"><span data-i18n="bio-u">BIO</span></button>
+                    <button type="action" name="act_tab_powers"><span data-i18n="powers-u">POWERS</span></button>
+                    <button type="action" name="act_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
                     <div class="flex-row">
@@ -2022,6 +3719,37 @@
                     </div>
                 </div>
             </div>
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="pc-btn-group">
+                    <input type="hidden" name="attr_tab">
+                    <button type="action" name="act_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_tab_bio"><span data-i18n="bio-u">BIO</span></button>
+                    <button type="action" name="act_tab_powers"><span data-i18n="powers-u">POWERS</span></button>
+                    <button type="action" name="act_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
                     <div class="textbox">
@@ -2090,6 +3818,37 @@
             </div>
             
             <input type="hidden" class="powericon_flag" name="attr_powericon_flag" value="all">
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="pc-btn-group">
+                    <input type="hidden" name="attr_tab">
+                    <button type="action" name="act_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_tab_bio"><span data-i18n="bio-u">BIO</span></button>
+                    <button type="action" name="act_tab_powers"><span data-i18n="powers-u">POWERS</span></button>
+                    <button type="action" name="act_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
                             <span class="power-labels">
@@ -2138,38 +3897,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -2182,11 +3941,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -2195,7 +3954,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -2203,27 +3962,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="cantrip-progression:-u">AT-WILL PROGRESSION</span>
                                             <select name="attr_power_damage_progression">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -2231,7 +3990,7 @@
                                                 <option value="Cantrip Beam" data-i18n="cantrip-beam-u">AT-WILL BEAM</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -2245,7 +4004,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -2260,7 +4019,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -2269,16 +4028,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -2308,38 +4067,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -2352,11 +4111,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -2365,7 +4124,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -2373,27 +4132,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -2407,7 +4166,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -2422,7 +4181,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -2431,16 +4190,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -2471,38 +4230,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -2515,11 +4274,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -2528,7 +4287,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -2536,27 +4295,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -2570,7 +4329,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -2585,7 +4344,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -2594,16 +4353,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -2637,38 +4396,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -2681,11 +4440,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -2694,7 +4453,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -2702,27 +4461,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -2736,7 +4495,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -2751,7 +4510,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -2760,16 +4519,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -2800,38 +4559,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -2844,11 +4603,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -2857,7 +4616,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -2865,27 +4624,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -2899,7 +4658,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -2914,7 +4673,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -2923,16 +4682,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -2963,38 +4722,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -3007,11 +4766,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -3020,7 +4779,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -3028,27 +4787,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -3062,7 +4821,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -3077,7 +4836,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -3086,16 +4845,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -3129,38 +4888,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -3173,11 +4932,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -3186,7 +4945,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -3194,27 +4953,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -3228,7 +4987,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -3243,7 +5002,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -3252,16 +5011,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -3292,38 +5051,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -3336,11 +5095,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -3349,7 +5108,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -3357,27 +5116,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -3391,7 +5150,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -3406,7 +5165,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -3415,16 +5174,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -3455,38 +5214,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -3499,11 +5258,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -3512,7 +5271,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -3520,27 +5279,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -3554,7 +5313,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -3569,7 +5328,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -3578,16 +5337,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -3618,38 +5377,38 @@
                             <div class="power">
                                 <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                                 <div class="options">
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="name:-u">NAME:</span>
                                         <input type="text" name="attr_powername">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="school:-u">SCHOOL:</span>
                                         <select name="attr_powerschool">
                                             <option value="force" data-i18n="force">Force</option>
                                             <option value="tech" data-i18n="tech">Tech</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="casting-time:-u">CASTING TIME:</span>
                                         <input type="text" name="attr_powercastingtime">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="range:-u">RANGE:</span>
                                         <input type="text" name="attr_powerrange">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="target:-u">TARGET:</span>
                                         <input type="text" name="attr_powertarget">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                                         <span data-i18n="concentration-u">CONCENTRATION</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="duration:-u">DURATION:</span>
                                         <input type="text" name="attr_powerduration">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                                         <select name="attr_power_ability">
                                             <option value="0*" data-i18n="none-u">NONE</option>
@@ -3662,11 +5421,11 @@
                                             <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                                         </select>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="innate:-u">INNATE:</span>
                                         <input type="text" name="attr_innate" placeholder="1/day" value="">
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="output:-u">OUTPUT:</span>
                                         <select name="attr_poweroutput">
                                             <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -3675,7 +5434,7 @@
                                     </div>
                                     <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                                     <div class="powerattackinfo">
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                             <select name="attr_powerattack">
                                                 <option value="None" data-i18n="none">None</option>
@@ -3683,27 +5442,27 @@
                                                 <option value="Ranged" data-i18n="ranged">Ranged</option>
                                             </select>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage:-u">DAMAGE:</span>
                                             <input type="text" name="attr_powerdamage" style="width: 50px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="damage2:-u">DAMAGE2:</span>
                                             <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                             <span data-i18n="type:-u">TYPE:</span>
                                             <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="healing:-u">HEALING:</span>
                                             <input type="text" name="attr_powerhealing" style="width: 45px;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                             <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                             <select name="attr_powersave">
                                                 <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -3717,7 +5476,7 @@
                                             <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">
                                         </div>
-                                        <div class="row">
+                                        <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;">
                                             <select name="attr_powerhldietype">
@@ -3732,7 +5491,7 @@
                                             <span>+</span>
                                             <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                                         </div>
-                                        <div class="row">
+                                        <div class="flex-row">
                                             <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                             <select name="attr_includedesc">
                                                 <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -3741,16 +5500,16 @@
                                             </select>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="description:-u">DESCRIPTION:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerdescription"></textarea>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                                     </div>
-                                    <div class="row">
+                                    <div class="flex-row">
                                         <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                                     </div>
                                     <input type="hidden" name="attr_powerattackid">
@@ -3841,6 +5600,37 @@
                     </div>
                 </div>
             </div>
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="pc-btn-group">
+                    <input type="hidden" name="attr_tab">
+                    <button type="action" name="act_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_tab_bio"><span data-i18n="bio-u">BIO</span></button>
+                    <button type="action" name="act_tab_powers"><span data-i18n="powers-u">POWERS</span></button>
+                    <button type="action" name="act_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
                     <div class="class_options">
@@ -4394,7 +6184,6 @@
             </div>
         </div>
     
-        <!-- no include dropcatchers.html -->
         <div class="footer">
             <div style="margin-right: 50px; margin-left: 10px;">
                     <span data-i18n="portions-sheet-utilize">
@@ -4413,12 +6202,7 @@
     <!-- SHIP -->
     
     <div class="container ship">
-        <input class="tab-button ship-core" type="radio" name="attr_ship_tab" value="ship-core" checked="checked"><span data-i18n="core-u">CORE</span>
-        <input class="tab-button ship-cargo" type="radio" name="attr_ship_tab" value="ship-cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span>
-        <input class="tab-button ship-mods" type="radio" name="attr_ship_tab" value="ship-mods"><span data-i18n="ship-mods-tab-u">MODS</span>
-        <input class="tab-button ship-suites" type="radio" name="attr_ship_tab" value="ship-suites"><span data-i18n="ship-suites-tab-u">SUITES</span>
-        <input class="tab-button options" type="radio" name="attr_ship_tab" value="options"><span style="font-family: pictos">y</span>
-    
+        <input type="hidden" name="attr_ship_tab" value="ship-core">
         <div class="tab ship-suites">
             <div class="header">
                 <div class="name-container">
@@ -4454,6 +6238,38 @@
                 </div>
             </div>
             
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="ship-btn-group">
+                    <input type="hidden" name="attr_ship_tab">
+                    <button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
+                    <button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
+                    <button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
+                    <button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-8">
                     <div class="textbox traits" style="min-height: 84px; width:480px; display:inline-block;">
@@ -4563,6 +6379,38 @@
                 </div>
             </div>
             
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="ship-btn-group">
+                    <input type="hidden" name="attr_ship_tab">
+                    <button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
+                    <button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
+                    <button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
+                    <button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-8">
                     <div class="textbox traits" style="min-height: 84px; width:480px; display:inline-block;">
@@ -4680,6 +6528,38 @@
                 </div>
             </div>
             
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="ship-btn-group">
+                    <input type="hidden" name="attr_ship_tab">
+                    <button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
+                    <button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
+                    <button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
+                    <button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-8">
                     <div class="flex-row">
@@ -4881,6 +6761,38 @@
                 </div>
             </div>
             
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="ship-btn-group">
+                    <input type="hidden" name="attr_ship_tab">
+                    <button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
+                    <button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
+                    <button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
+                    <button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-8">
                     <div class="flex-row">
@@ -5734,6 +7646,38 @@
                 </div>
             </div>
             
+            <div class="button-row flex-row flex-justify-sb">
+                
+                <input type="hidden" class="toggleflag" name="attr_wtype">
+                <div class="gm-btn-group">
+                    <input name="attr_whispertoggle" type="hidden" value="">
+                    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+                    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+                </div>
+            
+                <input type="hidden" name="attr_rtype">
+            
+                <div class="adv-btn-group">
+            
+                    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+            
+                    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+            
+                    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+            
+                    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+            
+                </div>
+            
+                <div class="ship-btn-group">
+                    <input type="hidden" name="attr_ship_tab">
+                    <button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
+                    <button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
+                    <button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
+                    <button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
+                    <button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
+                </div>
+            </div>
             <div class="flex-row body">
                 <div class="flex-column flex-w-4">
                     <div class="general_options">
@@ -11642,4 +13586,61 @@
                 return;
         }
     }
+    on("clicked:adv_advantage", () =>{
+        setAttrs({"advantagetoggle":"{{query=1}} {{advantage=1}} {{r2=[[0d20"});
+    });
+    
+    on("clicked:adv_normal", () =>{
+        setAttrs({"advantagetoggle":"{{query=1}} {{normal=1}} {{r2=[[0d20"});
+    
+    });
+    
+    on("clicked:adv_disadvantage", () =>{
+        setAttrs({"advantagetoggle":"{{query=1}} {{disadvantage=1}} {{r2=[[0d20"});
+    
+    });
+    
+    on("clicked:wtype_public", () =>{
+        setAttrs({"whispertoggle":""});
+    });
+    
+    on("clicked:wtype_whisper", () =>{
+        setAttrs({"whispertoggle":"/w gm"});
+    });
+    
+    on("clicked:tab_core", () => {
+        setAttrs({"tab":"core"});
+    });
+    
+    on("clicked:tab_bio", () => {
+        setAttrs({"tab":"bio"});
+    });
+    
+    on("clicked:tab_powers", () => {
+        setAttrs({"tab":"powers"});
+    });
+    
+    on("clicked:tab_options", () => {
+        setAttrs({"tab":"options"});
+    });
+    
+    on("clicked:ship_tab_options", () => {
+        setAttrs({"ship_tab":"ship-options"});
+    });
+    
+    on("clicked:ship_tab_core", () => {
+        setAttrs({"ship_tab":"ship-core"});
+    });
+    
+    on("clicked:ship_tab_mods", () => {
+        setAttrs({"ship_tab":"ship-mods"});
+    });
+    
+    on("clicked:ship_tab_cargo", () => {
+        setAttrs({"ship_tab":"ship-cargo"});
+    });
+    
+    on("clicked:ship_tab_suites", () => {
+        setAttrs({"ship_tab":"ship-suites"});
+    });
 </script>
\ No newline at end of file
diff --git a/StarWars5E/src/css/conditional-visibility.css b/StarWars5E/src/css/conditional-visibility.css
index 9fa1922445..07db573a34 100644
--- a/StarWars5E/src/css/conditional-visibility.css
+++ b/StarWars5E/src/css/conditional-visibility.css
@@ -1,212 +1,86 @@
 /* Tab Switching */
-input[type=radio].tab-button {
-    opacity: 0;
-    position: absolute;
-    top: 92px;
-    right: 2rem;
-    width: 18px;
-    height: 18px;
-    z-index: 2;
-}
-
-input[type=radio].tab-button + span {
-    position: absolute;
-    top: 92px;
-    right: 2rem;
-    width: 17px;
-    height: 17px;
-    border: 1px solid black;
-    border-radius: 5px;
-    background-color: #E8E8E8;
-    color: black;
-    text-align: center;
-    font-weight: bold;
-}
-
-.advantagetoggle input[type=radio]:checked + span,
-input[type=radio].tab-button:checked + span {
-    color: #FFFFFF;
-    background-color: #EC2127;
-}
-
-.advantagetoggle input.toggle-left,
-.advantagetoggle input.toggle-left + span {
-    right: calc(181px + 2rem);
-    width: 90px;
-}
-
-.advantagetoggle input.toggle-center,
-.advantagetoggle input.toggle-center + span {
-    right: calc(113px + 2rem);
-    width: 65px;
-}
-
-.advantagetoggle input.toggle-right,
-.advantagetoggle input.toggle-right + span {
-    right: calc(0px + 2rem);
-    width: 110px;
-}
-
-.whispertoggle {
-    left: 270px;
-}
-
-.advantagetoggle.whispertoggle input.toggle-right,
-.advantagetoggle.whispertoggle input.toggle-right + span {
-    width: 50px;
-}
-
-.advantagetoggle.whispertoggle input.toggle-left,
-.advantagetoggle.whispertoggle input.toggle-left + span {
-    right: calc(54px + 2rem);
-    width: 55px;
-}
-
-.npc_toggle[value="1"] ~ .advantagetoggle {
-    top: -10px;
-    left: 390px;
-}
-
-.npc_toggle[value="1"] ~ .advantagetoggle.whispertoggle {
-    top: -10px;
-    left: 120px;
-}
-
-.advantagetoggle {
-    display: none;
-}
-
-.toggleflag[value*="advantagetoggle"] + .advantagetoggle,
-.toggleflag[value*="whispertoggle"] + .whispertoggle,
-.toggleflag[value="1"] + .conditional-visibility,
-.toggleflag[value="1"] + .sheet-row.conditional-visibility {
-    display: block;
-}
-
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc,
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .header {
-    display: block;
-    visibility: hidden;
-    width: 0;
-    top: -150px;
+div.button-row {
+    padding: 0 2rem 0 5rem;
     margin: 0;
-    padding: 0;
+
+
+    .adv-btn-group,
+    .gm-btn-group{
+        display: none;
+    }
+
+    input[name="attr_rtype"][value*="advantagetoggle"] + .adv-btn-group,
+    input[name="attr_wtype"][value*="whispertoggle"] + .gm-btn-group{
+        display: block;
+    }
+
+    button {
+        border: 0.1rem solid black;
+        border-radius: 0.5rem;
+        font-size: 1.1rem;
+        font-weight: bold;
+        padding: 0.1rem 0.5rem;
+
+        span {
+            margin: 0;
+            padding: 0;
+        }
+    }
+
+    /*PC*/
+    input[name="attr_tab"][value="core"] ~ button[name="act_tab_core"],
+    input[name="attr_tab"][value="bio"] ~ button[name="act_tab_bio"],
+    input[name="attr_tab"][value="powers"] ~ button[name="act_tab_powers"],
+    input[name="attr_tab"][value="options"] ~ button[name="act_tab_options"],
+    /*SHIP*/
+    input[name="attr_ship_tab"][value="ship-core"] ~ button[name="act_ship_tab_core"],
+    input[name="attr_ship_tab"][value="ship-cargo"] ~ button[name="act_ship_tab_cargo"],
+    input[name="attr_ship_tab"][value="ship-mods"] ~ button[name="act_ship_tab_mods"],
+    input[name="attr_ship_tab"][value="ship-suites"] ~ button[name="act_ship_tab_suites"],
+    input[name="attr_ship_tab"][value="ship-options"] ~ button[name="act_ship_tab_options"],
+    /*Whisper*/
+    input[name="attr_whispertoggle"][value=""] ~ button[name="act_wtype_public"],
+    input[name="attr_whispertoggle"][value*="gm"] ~ button[name="act_wtype_whisper"],
+    /*Advantages*/
+    input[name="attr_advantagetoggle"]:not([value*="disadvantage"])[value*="advantage"] ~ button[name="act_adv_advantage"],
+    input[name="attr_advantagetoggle"][value*="normal"] ~ button[name="act_adv_normal"],
+    input[name="attr_advantagetoggle"][value*="disadvantage"] ~ button[name="act_adv_disadvantage"]{
+        background-color: #EC2127;
+        color: white;
+    }
 }
 
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers {
-    display: block;
-}
-
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.core,
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.bio,
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.options {
+/*PC TABS*/
+.tab.core,
+.tab.bio,
+.tab.powers,
+.tab.options,
+/*SHIP TABS*/
+.tab.ship-core,
+.tab.ship-suites,
+.tab.ship-cargo,
+.tab.ship-mods,
+/* NPC POWERS */
+.npc-powers{
     display: none;
 }
-
-.npc_toggle[value="2"] ~ .ship .tab.ship-core,
-.npc_toggle[value="2"] ~ .ship .tab.ship-cargo,
-.npc_toggle[value="2"] ~ .ship .tab.ship-mods,
-.npc_toggle[value="2"] ~ .ship .tab.ship-suites {
-    display: none;
+/*PC TAB SELECTED */
+input[name="attr_tab"][value="core"] ~ .tab.core,
+input[name="attr_tab"][value="bio"] ~ .tab.bio,
+input[name="attr_tab"][value="powers"] ~ .tab.powers,
+input[name="attr_tab"][value="options"] ~ .tab.options,
+/*SHIP TAB SELECTED */
+input[name="attr_ship_tab"][value="ship-core"] ~ .tab.ship-core,
+input[name="attr_ship_tab"][value="ship-options"] ~ .tab.options,
+input[name="attr_ship_tab"][value="ship-suites"] ~ .tab.ship-suites,
+input[name="attr_ship_tab"][value="ship-cargo"] ~ .tab.ship-cargo,
+input[name="attr_ship_tab"][value="ship-mods"] ~ .tab.ship-mods,
+/*NPC POWERS SELECTED*/
+input[name="attr_npcpowercastingflag"][value="1"] ~ .npc-powers{
+    display: flex;
+    flex-direction:column;
 }
 
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body {
-    visibility: visible;
-}
-
-.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body .col {
-    display: block;
-}
-
-.conditional-visibility,
-.options .sheet-row.conditional-visibility {
-    display: none;
-}
-
-.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span {
-    text-transform: lowercase;
-    font-variant: small-caps;
-    font-weight: normal;
-    background: transparent;
-    border: none;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span:first-letter {
-    text-transform: uppercase;
-}
-
-.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span > span.togm {
-    text-transform: uppercase;
-}
-
-.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio]:checked + span {
-    font-weight: bold;
-    color: rgb(126, 45, 64);
-}
-
-.tab {
-    display: none;
-}
-
-input[type=radio].tab-button.core:checked ~ .tab.core,
-input[type=radio].tab-button.bio:checked ~ .tab.bio,
-input[type=radio].tab-button.powers:checked ~ .tab.powers,
-input[type=radio].tab-button.options:checked ~ .tab.options,
-input[type=radio].tab-button.ship-core:checked ~ .tab.ship-core,
-input[type=radio].tab-button.ship-cargo:checked ~ .tab.ship-cargo,
-input[type=radio].tab-button.ship-mods:checked ~ .tab.ship-mods,
-input[type=radio].tab-button.ship-suites:checked ~ .tab.ship-suites {
-    display: block;
-}
-
-input[type=radio].tab-button.core,
-input[type=radio].tab-button.core + span {
-    right: calc(121px + 2rem);
-    width: 45px;
-}
-
-input[type=radio].tab-button.ship-core,
-input[type=radio].tab-button.ship-core + span {
-    height: 15px;
-    right: calc(100px + 2rem);
-    width: 80px;
-}
-
-input[type=radio].tab-button.ship-cargo,
-input[type=radio].tab-button.ship-cargo + span {
-    height: 15px;
-    right: calc(20px + 2rem);
-    width: 80px;
-}
-
-input[type=radio].tab-button.ship-mods,
-input[type=radio].tab-button.ship-mods + span {
-    top: 110px;
-    height: 15px;
-    right: calc(100px + 2rem);
-    width: 80px;
-}
-
-input[type=radio].tab-button.ship-suites,
-input[type=radio].tab-button.ship-suites + span {
-    top: 110px;
-    height: 15px;
-    right: calc(20px + 2rem);
-    width: 80px;
-}
-
-input[type=radio].tab-button.bio,
-input[type=radio].tab-button.bio + span {
-    right: calc(88px + 2rem);
-    width: 30px;
-}
-
-input[type=radio].tab-button.powers,
-input[type=radio].tab-button.powers + span {
-    right: calc(20px + 2rem);
-    width: 65px;
-}
 
 /* Switch between complex & simple data */
 .equipment .complex,
diff --git a/StarWars5E/src/css/legacy.css b/StarWars5E/src/css/legacy.css
index ae37efeb13..bcb1baf6be 100644
--- a/StarWars5E/src/css/legacy.css
+++ b/StarWars5E/src/css/legacy.css
@@ -383,7 +383,7 @@ button[type=roll] * {
     font-weight: bold;
 }
 
-.charsheet .ship .insp-prof-container .value input[type=number] {
+.ship .insp-prof-container .value input[type=number] {
     width: 140%;
 }
 
@@ -531,7 +531,7 @@ button[type=roll] * {
 .textbox span,
 .tool_proficiencies span,
 .proficiencies span,
-.powers span,
+.powers .body span,
 .options .body span {
     display: block;
     font-size: 9px;
@@ -1267,6 +1267,7 @@ button[type=roll] * {
 }
 
 .power .display button[type=roll] {
+    display:flex;
     background-color: transparent;
     color: black;
     border-top: none;
@@ -1287,17 +1288,16 @@ button[type=roll] * {
     content: "" !important;
 }
 
-span.powerritual,
-span.powerconcentration {
+.powers .body span.powerritual,
+.powers .body span.powerconcentration {
     display: none;
     font-size: 8px;
     font-weight: normal;
     margin-top: 0;
     color: white;
     background-color: black;
-    position: absolute;
-    width: 10px;
-    height: 10px;
+    width: 1rem;
+    height: 1rem;
     top: 0;
     line-height: 10px;
 }
@@ -1307,7 +1307,7 @@ span.powerconcentration {
     right: 11px;
 }
 
-.powericon_flag:not([value="none"]) + .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
+.powers .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
     border-radius: 100%;
     display: inline-block;
     right: 0;
@@ -1363,7 +1363,7 @@ span.powerconcentration {
     max-width: 220px;
 }
 
-.power .display .prep ~ span.powername {
+.powers .body .power .display .prep ~ span.powername {
     margin-left: 14px;
 }
 
@@ -1612,7 +1612,7 @@ span.powerconcentration {
     position: relative;
 }
 
-.power .prep {
+.powers .body .power .prep {
     width: 10px;
     height: 10px;
     border-radius: 50%;
@@ -1621,11 +1621,14 @@ span.powerconcentration {
     border: 1px solid black;
 }
 
-.power input[type=checkbox]:checked ~ span.prep {
+.powers .body .power input[type=checkbox]:checked ~ span.prep {
     background-color: #EC2127;
 }
 
-.power .prep-box {
+.powers .options .flex-row{
+    margin-bottom: 0.2rem;
+}
+.powers .body .power .prep-box {
     -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
     opacity: 0;
@@ -1634,7 +1637,7 @@ span.powerconcentration {
     width: 12px
 }
 
-.charsheet .power .display button[type=roll].powercard {
+.power .display button[type=roll].powercard {
     width: calc(100% - 18px);
 }
 
@@ -2276,7 +2279,7 @@ span.powerconcentration {
     pointer-events: none;
 }
 
-.charsheet .options .body .version input[type="text"] {
+.options .body .version input[type="text"] {
     border-bottom: none;
     width: 20px;
 }
@@ -2285,8 +2288,8 @@ span.powerconcentration {
     display: none;
 }
 
-.charsheet .powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
-.charsheet .npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
+.powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
+npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
     display: block;
 }
 
@@ -2323,7 +2326,7 @@ span.powerconcentration {
     width: 74px;
 }
 
-.charsheet .hlabel-container .multiclass-display {
+.hlabel-container .multiclass-display {
     width: 57px;
     font-size: 13px;
     border-bottom: 1px solid #D3D3D3;
@@ -2334,7 +2337,7 @@ span.powerconcentration {
     text-overflow: ellipsis;
 }
 
-.charsheet .hlabel-container .multiclass-display-level {
+.hlabel-container .multiclass-display-level {
     width: 31px;
     text-align: center;
     font-size: 13px;
@@ -2344,7 +2347,7 @@ span.powerconcentration {
     overflow: hidden;
 }
 
-.charsheet .hlabel-container input.class-level {
+.hlabel-container input.class-level {
     margin-left: -6px;
     width: 34px;
 }
@@ -2464,11 +2467,11 @@ span.powerconcentration {
     cursor: pointer !important;
 }
 
-.charsheet .options .sheet-row span.transition_text {
+.options .sheet-row span.transition_text {
     color: #A0A0A0;
 }
 
-.charsheet .options .sheet-row span.transition_text_highlight {
+.options .sheet-row span.transition_text_highlight {
     color: #F00;
 }
 
@@ -2501,6 +2504,15 @@ span.powerconcentration {
     display: none;
 }
 
+.npc-powers{
+    padding: 0.75rem 2rem 0;
+    .body{
+        box-sizing: border-box;
+        width: 100%;
+        margin:0;
+        padding: 1rem 0 0;
+    }
+}
 .missing-info-flag[value="1"] + .missing-info,
 .missing-info:hover .missing-info-desc,
 .missing-info-desc:hover {
@@ -2512,9 +2524,6 @@ span.powerconcentration {
     display: none;
 }
 
-.npcpower_flag[value="1"] + .actions.npcpower.powers {
-    display: block;
-}
 
 .powers .innate {
     color: #A0A0A0;
@@ -2523,10 +2532,6 @@ span.powerconcentration {
     font-weight: normal;
 }
 
-.innate:before {
-    content: ", "
-}
-
 .innate_flag:not([value=""]) + .innate {
     display: inline;
 }
diff --git a/StarWars5E/src/html/common/adv-btn-group.html b/StarWars5E/src/html/common/adv-btn-group.html
new file mode 100644
index 0000000000..82be143ddd
--- /dev/null
+++ b/StarWars5E/src/html/common/adv-btn-group.html
@@ -0,0 +1,7 @@
+<input type="hidden" name="attr_rtype">
+<div class="adv-btn-group">
+    <input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
+    <button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
+    <button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
+    <button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
+</div>
\ No newline at end of file
diff --git a/StarWars5E/src/html/common/gm-btn-group.html b/StarWars5E/src/html/common/gm-btn-group.html
new file mode 100644
index 0000000000..3c7c66930a
--- /dev/null
+++ b/StarWars5E/src/html/common/gm-btn-group.html
@@ -0,0 +1,7 @@
+
+<input type="hidden" class="toggleflag" name="attr_wtype">
+<div class="gm-btn-group">
+    <input name="attr_whispertoggle" type="hidden" value="">
+    <button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
+    <button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
+</div>
\ No newline at end of file
diff --git a/StarWars5E/src/html/pc/powers.html b/StarWars5E/src/html/common/powers.html
similarity index 90%
rename from StarWars5E/src/html/pc/powers.html
rename to StarWars5E/src/html/common/powers.html
index 293e193c46..8b477ae894 100644
--- a/StarWars5E/src/html/pc/powers.html
+++ b/StarWars5E/src/html/common/powers.html
@@ -46,38 +46,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -90,11 +90,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -103,7 +103,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -111,27 +111,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="cantrip-progression:-u">AT-WILL PROGRESSION</span>
                                 <select name="attr_power_damage_progression">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -139,7 +139,7 @@
                                     <option value="Cantrip Beam" data-i18n="cantrip-beam-u">AT-WILL BEAM</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -153,7 +153,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -168,7 +168,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -177,16 +177,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -216,38 +216,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -260,11 +260,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -273,7 +273,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -281,27 +281,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -315,7 +315,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -330,7 +330,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -339,16 +339,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -379,38 +379,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -423,11 +423,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -436,7 +436,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -444,27 +444,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -478,7 +478,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -493,7 +493,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -502,16 +502,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -545,38 +545,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -589,11 +589,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -602,7 +602,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -610,27 +610,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -644,7 +644,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -659,7 +659,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -668,16 +668,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -708,38 +708,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -752,11 +752,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -765,7 +765,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -773,27 +773,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -807,7 +807,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -822,7 +822,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -831,16 +831,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -871,38 +871,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -915,11 +915,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -928,7 +928,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -936,27 +936,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -970,7 +970,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -985,7 +985,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -994,16 +994,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -1037,38 +1037,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -1081,11 +1081,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -1094,7 +1094,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -1102,27 +1102,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -1136,7 +1136,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -1151,7 +1151,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -1160,16 +1160,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -1200,38 +1200,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -1244,11 +1244,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -1257,7 +1257,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -1265,27 +1265,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -1299,7 +1299,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -1314,7 +1314,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -1323,16 +1323,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -1363,38 +1363,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -1407,11 +1407,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -1420,7 +1420,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -1428,27 +1428,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -1462,7 +1462,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -1477,7 +1477,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -1486,16 +1486,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
@@ -1526,38 +1526,38 @@
                 <div class="power">
                     <input class="options-flag" type="checkbox" name="attr_options-flag" checked="checked"><span>y</span>
                     <div class="options">
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="name:-u">NAME:</span>
                             <input type="text" name="attr_powername">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="school:-u">SCHOOL:</span>
                             <select name="attr_powerschool">
                                 <option value="force" data-i18n="force">Force</option>
                                 <option value="tech" data-i18n="tech">Tech</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="casting-time:-u">CASTING TIME:</span>
                             <input type="text" name="attr_powercastingtime">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="range:-u">RANGE:</span>
                             <input type="text" name="attr_powerrange">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="target:-u">TARGET:</span>
                             <input type="text" name="attr_powertarget">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <input type="checkbox" name="attr_powerconcentration" value="{{concentration=1}}">
                             <span data-i18n="concentration-u">CONCENTRATION</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="duration:-u">DURATION:</span>
                             <input type="text" name="attr_powerduration">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="power-ability-u">POWERCASTING ABILITY</span>
                             <select name="attr_power_ability">
                                 <option value="0*" data-i18n="none-u">NONE</option>
@@ -1570,11 +1570,11 @@
                                 <option value="@{charisma_mod}+" data-i18n="charisma-u">CHARISMA</option>
                             </select>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="innate:-u">INNATE:</span>
                             <input type="text" name="attr_innate" placeholder="1/day" value="">
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="output:-u">OUTPUT:</span>
                             <select name="attr_poweroutput">
                                 <option value="POWERCARD" data-i18n="powercard-u">POWERCARD</option>
@@ -1583,7 +1583,7 @@
                         </div>
                         <input type="hidden" class="powerattackinfoflag" name="attr_poweroutput">
                         <div class="powerattackinfo">
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="power-atk:-u">POWER ATTACK:</span>
                                 <select name="attr_powerattack">
                                     <option value="None" data-i18n="none">None</option>
@@ -1591,27 +1591,27 @@
                                     <option value="Ranged" data-i18n="ranged">Ranged</option>
                                 </select>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage:-u">DAMAGE:</span>
                                 <input type="text" name="attr_powerdamage" style="width: 50px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="damage2:-u">DAMAGE2:</span>
                                 <input type="text" name="attr_powerdamage2" style="width: 45px;">
                                 <span data-i18n="type:-u">TYPE:</span>
                                 <input type="text" name="attr_powerdamagetype2" style="width: 103px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="healing:-u">HEALING:</span>
                                 <input type="text" name="attr_powerhealing" style="width: 45px;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <input type="checkbox" name="attr_powerdmgmod" value="Yes">
                                 <span data-i18n="add-ability-mod-u">ADD ABILITY MOD TO DAMAGE OR HEALING</span>
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="saving-throw:-u">SAVING THROW:</span>
                                 <select name="attr_powersave">
                                     <option value="" selected="selected" data-i18n="none-u">NONE</option>
@@ -1625,7 +1625,7 @@
                                 <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">
                             </div>
-                            <div class="row">
+                            <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;">
                                 <select name="attr_powerhldietype">
@@ -1640,7 +1640,7 @@
                                 <span>+</span>
                                 <input type="text" name="attr_powerhlbonus" placeholder="0" style="width: 15px; text-align: center;">
                             </div>
-                            <div class="row">
+                            <div class="flex-row">
                                 <span data-i18n="include_power_desc:-u">INCLUDE POWER DESCRIPTION IN ATTACK:</span>
                                 <select name="attr_includedesc">
                                     <option value="off" selected="selected" data-i18n="off">Off</option>
@@ -1649,16 +1649,16 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="description:-u">DESCRIPTION:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerdescription"></textarea>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <span data-i18n="at-higher-lvl:-u">AT HIGHER LEVELS:</span>
                         </div>
-                        <div class="row">
+                        <div class="flex-row">
                             <textarea name="attr_powerathigherlevels" style="height: 36px; min-height: 36px;"></textarea>
                         </div>
                         <input type="hidden" name="attr_powerattackid">
diff --git a/StarWars5E/src/html/header.html b/StarWars5E/src/html/header.html
index 719d8ce3ad..cfc63d0ee9 100644
--- a/StarWars5E/src/html/header.html
+++ b/StarWars5E/src/html/header.html
@@ -1,21 +1 @@
-<input class="monster_confirm_flag" type="hidden" name="attr_monster_confirm_flag">
-<input class="npc_toggle" name="attr_npc" type="hidden" value="0">
-<input type="hidden" class="npcpowercastingflag" name="attr_npcpowercastingflag">
-
-<input type="hidden" class="toggleflag" name="attr_rtype">
-<div class="advantagetoggle">
-    <input type="radio" class="toggle-left" name="attr_advantagetoggle"
-           value="{{query=1}} {{advantage=1}} {{r2=[[@{d20}"><span data-i18n="adv-u">ADVANTAGE</span>
-    <input type="radio" class="toggle-center" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20"
-           checked="checked"><span data-i18n="norm-u">NORMAL</span>
-    <input type="radio" class="toggle-right" name="attr_advantagetoggle"
-           value="{{query=1}} {{disadvantage=1}} {{r2=[[@{d20}"><span data-i18n="disadv-u">DISADVANTAGE</span>
-</div>
-
-<input type="hidden" class="toggleflag" name="attr_wtype">
-<div class="advantagetoggle whispertoggle">
-    <input type="radio" class="toggle-left" name="attr_whispertoggle" value="" checked="checked"><span
-        data-i18n="public:-u">PUBLIC</span>
-    <input type="radio" class="toggle-right" name="attr_whispertoggle" value="/w gm "><span
-        data-i18n="to-gm:-u">TO <span class="togm">GM</span></span>
-</div>
+<input class="npc_toggle" name="attr_npc" type="hidden" value="0">
\ No newline at end of file
diff --git a/StarWars5E/src/html/main.html b/StarWars5E/src/html/main.html
index d44e992c47..678b667f15 100644
--- a/StarWars5E/src/html/main.html
+++ b/StarWars5E/src/html/main.html
@@ -1,4 +1,4 @@
-<div class="licensecontainer compendium-drop-target monsters">
+<div class="container">
     <!-- HEADER -->
     <!--=include header.html -->
 
diff --git a/StarWars5E/src/html/npc.html b/StarWars5E/src/html/npc.html
index 5639a80751..90e335b420 100644
--- a/StarWars5E/src/html/npc.html
+++ b/StarWars5E/src/html/npc.html
@@ -926,5 +926,14 @@
         </div>
     </div>
 
+    <input type="hidden" name="attr_npcpowercastingflag">
+    <div class="powers npc-powers">
+        <div class="sheet-row title red">
+                <span data-i18n="powers-u">POWERS</span>
+        </div>
+        <div class="triangle"></div>
+        <!--=include common/powers.html-->
+    </div>
+
     <!--=include common/footer.html -->
 </div>
\ No newline at end of file
diff --git a/StarWars5E/src/html/pc/button-row.html b/StarWars5E/src/html/pc/button-row.html
new file mode 100644
index 0000000000..e7edf72695
--- /dev/null
+++ b/StarWars5E/src/html/pc/button-row.html
@@ -0,0 +1,13 @@
+<div class="button-row flex-row flex-justify-sb">
+    <!--=include ../common/gm-btn-group.html -->
+
+    <!--=include ../common/adv-btn-group.html -->
+
+    <div class="pc-btn-group">
+        <input type="hidden" name="attr_tab">
+        <button type="action" name="act_tab_core"><span data-i18n="core-u">CORE</span></button>
+        <button type="action" name="act_tab_bio"><span data-i18n="bio-u">BIO</span></button>
+        <button type="action" name="act_tab_powers"><span data-i18n="powers-u">POWERS</span></button>
+        <button type="action" name="act_tab_options"><span style="font-family: pictos">y</span></button>
+    </div>
+</div>
\ No newline at end of file
diff --git a/StarWars5E/src/html/pc/template.html b/StarWars5E/src/html/pc/template.html
index 8810950de0..fcf0eab624 100644
--- a/StarWars5E/src/html/pc/template.html
+++ b/StarWars5E/src/html/pc/template.html
@@ -1,31 +1,30 @@
 <div class="container pc">
-    <input class="tab-button core" type="radio" name="attr_tab" value="core" checked="checked"><span data-i18n="core-u">CORE</span>
-    <input class="tab-button bio" type="radio" name="attr_tab" value="bio"><span data-i18n="bio-u">BIO</span>
-    <input class="tab-button powers" type="radio" name="attr_tab" value="powers"><span data-i18n="powers-u">POWERS</span>
-    <input class="tab-button options" type="radio" name="attr_tab" value="options"><span style="font-family: pictos">y</span>
-
+    <input type="hidden" name="attr_tab" value="core">
     <div class="tab core">
         <!--=include header-core.html -->
+        <!--=include button-row.html-->
         <!--=include core.html -->
     </div>
 
     <div class="tab bio">
         <!--=include header-bio.html -->
+        <!--=include button-row.html-->
         <!--=include bio.html -->
     </div>
 
     <div class="tab powers">
         <!--=include header-powers.html -->
         <input type="hidden" class="powericon_flag" name="attr_powericon_flag" value="all">
-        <!--=include powers.html -->
+        <!--=include button-row.html-->
+        <!--=include ../common/powers.html -->
 
     </div>
 
     <div class="tab options">
         <!--=include header-core.html -->
+        <!--=include button-row.html-->
         <!--=include config.html -->
     </div>
 
-    <!-- no include dropcatchers.html -->
     <!--=include ../common/footer.html -->
 </div>
diff --git a/StarWars5E/src/html/ship/button-row.html b/StarWars5E/src/html/ship/button-row.html
new file mode 100644
index 0000000000..525d3e58ff
--- /dev/null
+++ b/StarWars5E/src/html/ship/button-row.html
@@ -0,0 +1,14 @@
+<div class="button-row flex-row flex-justify-sb">
+    <!--=include ../common/gm-btn-group.html -->
+
+    <!--=include ../common/adv-btn-group.html -->
+
+    <div class="ship-btn-group">
+        <input type="hidden" name="attr_ship_tab">
+        <button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
+        <button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
+        <button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
+        <button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
+        <button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
+    </div>
+</div>
\ No newline at end of file
diff --git a/StarWars5E/src/html/ship/template.html b/StarWars5E/src/html/ship/template.html
index 096001fa26..fbbcaec338 100644
--- a/StarWars5E/src/html/ship/template.html
+++ b/StarWars5E/src/html/ship/template.html
@@ -1,34 +1,34 @@
 
 <div class="container ship">
-    <input class="tab-button ship-core" type="radio" name="attr_ship_tab" value="ship-core" checked="checked"><span data-i18n="core-u">CORE</span>
-    <input class="tab-button ship-cargo" type="radio" name="attr_ship_tab" value="ship-cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span>
-    <input class="tab-button ship-mods" type="radio" name="attr_ship_tab" value="ship-mods"><span data-i18n="ship-mods-tab-u">MODS</span>
-    <input class="tab-button ship-suites" type="radio" name="attr_ship_tab" value="ship-suites"><span data-i18n="ship-suites-tab-u">SUITES</span>
-    <input class="tab-button options" type="radio" name="attr_ship_tab" value="options"><span style="font-family: pictos">y</span>
-
+    <input type="hidden" name="attr_ship_tab" value="ship-core">
     <div class="tab ship-suites">
         <!-- =include header.html -->
+        <!--=include button-row.html-->
         <!-- =include suites.html -->
     </div>
 
     <div class="tab ship-mods">
         <!-- =include header.html -->
+        <!--=include button-row.html-->
         <!-- =include mods.html -->
     </div>
 
     <div class="tab ship-cargo">
         <!-- =include header.html -->
+        <!--=include button-row.html-->
         <!-- =include cargo.html -->
 
     </div>
 
     <div class="tab ship-core">
         <!-- =include header.html -->
+        <!--=include button-row.html-->
         <!-- =include core.html -->
     </div>
 
     <div class="tab options">
         <!-- =include header.html -->
+        <!--=include button-row.html-->
         <!-- =include config.html -->
     </div>
     <!--=include ../common/footer.html -->
diff --git a/StarWars5E/src/js/actions.js b/StarWars5E/src/js/actions.js
new file mode 100644
index 0000000000..01fe821e82
--- /dev/null
+++ b/StarWars5E/src/js/actions.js
@@ -0,0 +1,57 @@
+on("clicked:adv_advantage", () =>{
+    setAttrs({"advantagetoggle":"{{query=1}} {{advantage=1}} {{r2=[[0d20"});
+});
+
+on("clicked:adv_normal", () =>{
+    setAttrs({"advantagetoggle":"{{query=1}} {{normal=1}} {{r2=[[0d20"});
+
+});
+
+on("clicked:adv_disadvantage", () =>{
+    setAttrs({"advantagetoggle":"{{query=1}} {{disadvantage=1}} {{r2=[[0d20"});
+
+});
+
+on("clicked:wtype_public", () =>{
+    setAttrs({"whispertoggle":""});
+});
+
+on("clicked:wtype_whisper", () =>{
+    setAttrs({"whispertoggle":"/w gm"});
+});
+
+on("clicked:tab_core", () => {
+    setAttrs({"tab":"core"});
+});
+
+on("clicked:tab_bio", () => {
+    setAttrs({"tab":"bio"});
+});
+
+on("clicked:tab_powers", () => {
+    setAttrs({"tab":"powers"});
+});
+
+on("clicked:tab_options", () => {
+    setAttrs({"tab":"options"});
+});
+
+on("clicked:ship_tab_options", () => {
+    setAttrs({"ship_tab":"ship-options"});
+});
+
+on("clicked:ship_tab_core", () => {
+    setAttrs({"ship_tab":"ship-core"});
+});
+
+on("clicked:ship_tab_mods", () => {
+    setAttrs({"ship_tab":"ship-mods"});
+});
+
+on("clicked:ship_tab_cargo", () => {
+    setAttrs({"ship_tab":"ship-cargo"});
+});
+
+on("clicked:ship_tab_suites", () => {
+    setAttrs({"ship_tab":"ship-suites"});
+});
\ No newline at end of file
diff --git a/StarWars5E/src/js/main.js b/StarWars5E/src/js/main.js
index 2b509421da..4db74500f6 100644
--- a/StarWars5E/src/js/main.js
+++ b/StarWars5E/src/js/main.js
@@ -1,4 +1,5 @@
 //=require tools.js
 //=require utility_functions.js
 //=require event_handlers.js
-//=require upgrade.js
\ No newline at end of file
+//=require upgrade.js
+//=require actions.js
\ No newline at end of file