From 5972f2797889636b469ffb05ec300abba70a7d58 Mon Sep 17 00:00:00 2001
From: Zen-Raven <rvanlanen@gmail.com>
Date: Thu, 19 Mar 2026 14:40:06 -0700
Subject: [PATCH 1/6] Bugfix

- Single monster imports from Forge Steel now import properly.
- Malice Abilities no longer cause an error on import.
---
 Draw Steel/draw-steel.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html
index 54ccb1256b..a588ce89d3 100644
--- a/Draw Steel/draw-steel.html	
+++ b/Draw Steel/draw-steel.html	
@@ -6298,7 +6298,6 @@
 			getConditionImmunities(allFeatures),
 			].filter(Boolean).join(', ');
 		
-		console.log(immunity);
 		// ATTRIBUTE MAPPING
 		const newAttrs = {
 			forgesteel_json: '', // Clear the import field.
@@ -6485,7 +6484,9 @@
 	 */
 
 	function _processAbilityCore(abilityData, isNPC = false) {
+		console.log('~~~ processAbilityCore ```');
 		const id = generateRowID();
+		//console.log(abilityData);
 		const { type: usageData, sections, cost: rawCost, name, description, keywords, target } = abilityData;
     
 		// Configuration & Naming
@@ -6652,17 +6653,18 @@
 	}
 	
 	function importMalice(maliceData) {
-		if (maliceData === undefined ) {
+		console.log('~~~ importMalice ~~~');
+		if (maliceData === undefined ||  maliceData.length === 0) {
 			return [];
 		}
 		const maliceFeatures = maliceData.reduce((acc, f) => {
 			if (f.type === FEATURE_TYPES.MALICE_ABILITY) {
-				return {...acc, ...processAbility(f)};
+				return {...acc, ...processMonsterAbility(f.data.ability)};
 			} else
 			{
 				return {...acc, ...processMaliceAbility(f)};
 			}
-		});
+		},[]);
 		console.log(maliceFeatures);
 		return maliceFeatures;
 	}

From 0ad53f1e235310b0aa2705cec512a76aaa60cbcc Mon Sep 17 00:00:00 2001
From: Zen-Raven <rvanlanen@gmail.com>
Date: Sun, 22 Mar 2026 15:14:21 -0700
Subject: [PATCH 2/6] Updated Director Screen

- Made Director Screen available on player sheet.
- Updated Growing Resource Table to allow custom entries
- Updated options panel, adding new options and visual changes.
---
 Draw Steel/draw-steel.css   |  306 +++++------
 Draw Steel/draw-steel.html  | 1013 ++++++++++++++++++-----------------
 Draw Steel/translation.json |    7 +-
 3 files changed, 670 insertions(+), 656 deletions(-)

diff --git a/Draw Steel/draw-steel.css b/Draw Steel/draw-steel.css
index 3fd83ebe76..38b7244715 100644
--- a/Draw Steel/draw-steel.css	
+++ b/Draw Steel/draw-steel.css	
@@ -307,9 +307,20 @@ input.sheet-options-checkbox {
 
 .sheet-options-toggle {
   display: grid;
-  gap: 0.25em;
+  gap: 0.5em;
 }
 
+.sheet-options-toggle hr {
+	margin-top: var(--sheet-padding);
+	margin-bottom: var(--sheet-padding);
+	border-top: var(--border-main);
+}
+
+.sheet-options-toggle label {
+	font-weight: normal;
+}
+
+
 /* Switches between Character and NPC Sheets */
 .charsheet input.npc-checkbox:not([value="on"]) ~ .npc-sheet-body,
 .charsheet input.npc-checkbox[value="on"] ~ .sheet-body
@@ -336,12 +347,7 @@ input.sheet-options-checkbox {
 #inventory-minimize-checkbox:checked + label::before,
 #projects-minimize-checkbox:checked + label::before,
 #notes-minimize-checkbox:checked + label::before,
-#director-screen-minimize-checkbox:checked + label::before,
-#director-screen-conditions-minimize-checkbox:checked + label::before,
-#director-screen-basics-minimize-checkbox:checked + label::before,
-#director-screen-combat-minimize-checkbox:checked + label::before,
-#director-screen-movement-minimize-checkbox:checked + label::before,
-#director-screen-areas-of-effect-minimize-checkbox:checked + label::before {
+#director-screen-minimize-checkbox:checked + label::before {
 	content:'&';
 }
 
@@ -355,22 +361,7 @@ label[for*='minimize']::before {
 
 .minimizable:has(.minimize-control > .minimize:checked) > :not(.minimize-control):not(.minimize-ignore):not(.minimize-show),
 .minimizable:has(.minimize-control > .minimize:checked) > .minimize-ignore > :not(.minimize-ignore),
-.minimizable:has(.minimize-control > .minimize:not(:checked)) > .minimize-show,
-.minimizable-conditions:has(.minimize-control-conditions > .minimize:checked) > :not(.minimize-control-conditions):not(.minimize-ignore):not(.minimize-show),
-.minimizable-conditions:has(.minimize-control-conditions > .minimize:checked) > .minimize-ignore > :not(.minimize-ignore),
-.minimizable-conditions:has(.minimize-control-conditions > .minimize:not(:checked)) > .minimize-show,
-.minimizable-basics:has(.minimize-control-basics > .minimize:checked) > :not(.minimize-control-basics):not(.minimize-ignore):not(.minimize-show),
-.minimizable-basics:has(.minimize-control-basics > .minimize:checked) > .minimize-ignore > :not(.minimize-ignore),
-.minimizable-basics:has(.minimize-control-basics > .minimize:not(:checked)) > .minimize-show,
-.minimizable-combat:has(.minimize-control-combat > .minimize:checked) > :not(.minimize-control-combat):not(.minimize-ignore):not(.minimize-show),
-.minimizable-combat:has(.minimize-control-combat > .minimize:checked) > .minimize-ignore > :not(.minimize-ignore),
-.minimizable-combat:has(.minimize-control-combat > .minimize:not(:checked)) > .minimize-show,
-.minimizable-movement:has(.minimize-control-movement > .minimize:checked) > :not(.minimize-control-movement):not(.minimize-ignore):not(.minimize-show),
-.minimizable-movement:has(.minimize-control-movement > .minimize:checked) > .minimize-ignore > :not(.minimize-ignore),
-.minimizable-movement:has(.minimize-control-movement > .minimize:not(:checked)) > .minimize-show,
-.minimizable-areas-of-effect:has(.minimize-control-areas-of-effect > .minimize:checked) > :not(.minimize-control-areas-of-effect):not(.minimize-ignore):not(.minimize-show),
-.minimizable-areas-of-effect:has(.minimize-control-areas-of-effect > .minimize:checked) > .minimize-ignore > :not(.minimize-ignore),
-.minimizable-areas-of-effect:has(.minimize-control-areas-of-effect > .minimize:not(:checked)) > .minimize-show {
+.minimizable:has(.minimize-control > .minimize:not(:checked)) > .minimize-show {
 	display: none;
 }
 
@@ -623,127 +614,97 @@ label[for*='minimize']::before {
 	text-align: center;
 }
 
+/* Growing Resource Table */
+.has-resource-toggle[value="0"] ~ .resource-container {
+    display: none;
+}
+
+.growing-resource-grid {
+    display: grid;
+    grid-template-columns: 80px 1fr; /* Adjust label width as needed */
+    gap: 4px;
+    align-items: center;
+}
+
+.grid-header {
+    display: contents; /* Allows children to participate in parent grid */
+    font-weight: bold;
+    border-bottom: 1px solid #000;
+}
+
+.resource-container {
+	position: relative;
+}
+
+.resource-row {
+    display: contents;
+}
+
+.resource-row .edit-mode {
+    display: none;
+}
+
+.resource-row .display-mode {
+	display: contents;
+	
+}
+
+.resource-container .ability-edit:checked ~ .growing-resource-grid .display-mode {
+    display: none;
+}
+.resource-container .ability-edit:checked ~ .growing-resource-grid .edit-mode {
+    display: contents;
+}
+
+.row-toggle-2[value="0"] ~ .resource-container .grid-header { display: none; }
+.row-toggle-2[value="0"] ~ .resource-container .tier-2 .display-mode { display: none; }
+.row-toggle-4[value="0"] ~ .resource-container .tier-4 .display-mode { display: none; }
+.row-toggle-6[value="0"] ~ .resource-container .tier-6 .display-mode { display: none; }
+.row-toggle-8[value="0"] ~ .resource-container .tier-8 .display-mode { display: none; }
+.row-toggle-10[value="0"] ~ .resource-container .tier-10 .display-mode { display: none; }
+.row-toggle-12[value="0"] ~ .resource-container .tier-12 .display-mode { display: none; }
+
+.growing-resource-grid input[type="text"], 
+.growing-resource-grid textarea {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.growing-resource-grid textarea {
+    height: 40px;
+    resize: vertical;
+}
 .growing-resource {
 	grid-column: 1 / -1;
+	padding-left: 20px;
+	padding-right: 20px;
 }
 
-.growing-resource:has([name="attr_has_growing_resource"]:not(:checked)) > .growing-resource-display,
-.growing-resource:has([name="attr_has_growing_resource"]:not(:checked)) > .growing-resource-selector-display {
-	display: none;
+.stormwight-only {
+    display: none;
+    margin-top: 5px;
+    padding-left: 15px; /* Indent to show hierarchy */
+    border-left: 2px solid #ccc;
 }
 
-.growing-resource-display {
-	display: flex;
-	gap: 0.25em;
-	flex-direction: column;
+/* 2. Show it only when the hidden input's value is 'furystormwight' */
+.main-resource-state[value="furystormwight"] ~ .stormwight-only {
+    display: flex;
+    align-items: center;
+    gap: 10px;
 }
 
-.growing-resource-selector-display {
-	display: grid;
-	grid-template-columns: max-content max-content;
-	gap: 0.25em;
-	justify-items: start;
-	align-items: left;
-	jutify-content: start;
-	font-weight: bold;
+/* Optional: Styling for the labels within the selectors */
+.selector-row label {
+    margin-right: 10px;
+    min-width: 100px;
 }
 
-.berserker-growing-resource-display,
-.reaver-growing-resource-display,
-.boren-growing-resource-display,
-.corven-growing-resource-display,
-.raden-growing-resource-display,
-.vuken-growing-resource-display,
-.chronokinetic-growing-resource-display,
-.cryokinetic-growing-resource-display,
-.metakinetic-growing-resource-display {
-	display: grid;
-	grid-template-columns: 1fr 2fr;
-	gap: 0.25em;
-	row-gap: 0.4em;
-	grid-auto-rows: auto;
+.selector-row select {
+    width: 100%;
+    cursor: pointer;
 }
 
-.growing-resource-display-label {
-	display: contents;
-	text-align: center;
-	font-size: 0.85em;
-	font-weight: normal;
-}
-
-.growing-resource-display-label > label:nth-child(1) {
-	font-size: 1.2em;
-	font-weight: bold;
-}
-
-.growing-resource-display-label > label:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(5)):not(:nth-child(7)):not(:nth-child(9)):not(:nth-child(11)):not(:nth-child(13)) {
-	text-align: left;
-}
-
-.growing-resource:not(:has(.growing-resource-selector > option[value="furyberserker"]:checked)) .berserker-growing-resource-display,
-.growing-resource:not(:has(.growing-resource-selector > option[value="furyreaver"]:checked)) .reaver-growing-resource-display,
-.growing-resource-selector-display:not(:has(.growing-resource-selector > option[value="furystormwight"]:checked)) .stormwight-growing-resource-selector,
-.growing-resource:not(:has(.stormwight-growing-resource-selector > option[value="boren"]:checked)) .boren-growing-resource-display,
-.growing-resource:not(:has(.stormwight-growing-resource-selector > option[value="corven"]:checked)) .corven-growing-resource-display,
-.growing-resource:not(:has(.stormwight-growing-resource-selector > option[value="raden"]:checked)) .raden-growing-resource-display,
-.growing-resource:not(:has(.stormwight-growing-resource-selector > option[value="vuken"]:checked)) .vuken-growing-resource-display,
-.growing-resource:not(:has(.growing-resource-selector > option[value="nullchronokinetic"]:checked)) .chronokinetic-growing-resource-display,
-.growing-resource:not(:has(.growing-resource-selector > option[value="nullcryokinetic"]:checked)) .cryokinetic-growing-resource-display,
-.growing-resource:not(:has(.growing-resource-selector > option[value="nullmetakinetic"]:checked)) .metakinetic-growing-resource-display {
-	display: none;
-}
-
-input[name="attr_growingresource_show_2"]:not([value="1"]) ~ .growing-resource-display,
-input[name="attr_growingresource_show_2"]:not([value="1"]) ~ .growing-resource-display-label,
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .berserker-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .berserker-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .berserker-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .berserker-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .berserker-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .reaver-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .reaver-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .reaver-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .reaver-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .reaver-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .boren-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .boren-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .boren-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .boren-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .boren-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .corven-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .corven-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .corven-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .corven-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .corven-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .raden-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .raden-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .raden-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .raden-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .raden-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .vuken-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .vuken-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .vuken-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .vuken-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .vuken-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .chronokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .chronokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .chronokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .chronokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .chronokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .cryokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .cryokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .cryokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .cryokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .cryokinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)),
-input[name="attr_growingresource_show_4"]:not([value="1"]) ~ .growing-resource-display .metakinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+4)),
-input[name="attr_growingresource_show_6"]:not([value="1"]) ~ .growing-resource-display .metakinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+6)),
-input[name="attr_growingresource_show_8"]:not([value="1"]) ~ .growing-resource-display .metakinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+8)),
-input[name="attr_growingresource_show_10"]:not([value="1"]) ~ .growing-resource-display .metakinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+10)),
-input[name="attr_growingresource_show_12"]:not([value="1"]) ~ .growing-resource-display .metakinetic-growing-resource-display .growing-resource-display-label > label:not(:nth-child(-n+12)) {
-	display: none;
-}
-
-
 .stamina-panel {
 	grid-column-start: 6;
 	grid-column-end: span 2;
@@ -1741,50 +1702,58 @@ input.name-input {
 	border-right: var(--border-main);
 }
 
-/*Director screen styling*/
-.director-screen-panel,
-.director-screen-sub-panel {
-	display: grid;
+/*Director screen styling */
+
+#director-screen-toggle:not([value="1"]) ~ .director-screen-panel {
+    display: none;
 }
 
-.director-screen-panel > .minimize-control,
-.director-screen-sub-panel > .minimize-control-conditions,
-.director-screen-sub-panel > .minimize-control-basics,
-.director-screen-sub-panel > .minimize-control-combat,
-.director-screen-sub-panel > .minimize-control-movement,
-.director-screen-sub-panel > .minimize-control-areas-of-effect {
-	grid-column-start: 1;
-	grid-column-end: -1;
+.director-screen-panel details{
+	padding-left: 30px;
+	padding-bottom: 8px;
 }
 
-.director-screen-sub-panel h5.panel-title {
-	text-align: left;
-	display: inline;
-	margin-top: 0.2em;
+.director-screen-panel summary {
+	display: list-item;
+	font-weight: bold;
+	margin-left: -15px;
 }
 
-.director-screen-sub-panel h5.panel-title > span:not(.director-screen-sub-desc):first-child {
+
+/* Container for the specific rules */
+.director-rules-container {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5em;
+}
+
+/* Individual Rule Item */
+.director-rule-item {
+    display: block; /* Stacked for better mobile/small panel flow */
+    border-bottom: var(--border-main);
+    padding-bottom: 4px;
+	padding-left: 15px;
+}
+
+/* The Label (e.g., "Bleeding") */
+.director-rule-name {
+    display: inline-block;
+    font-weight: bold;
+    color: var(--color-text-header);
+    font-size: 0.9em;
+	margin-left: -15px;
+    margin-right: 5px;
 	text-decoration: underline;
 }
 
-.director-screen-sub-panel h2.panel-title {
-	text-align: left;
-	font-size: 2em;
-	font-weight: 800;
+/* The Description */
+.director-rule-desc, 
+.director-section-text {
+    font-size: 0.85em;
+    line-height: 1.2;
+    color: var(--color-text-body);
 }
 
-.director-screen-sub-panel h3.panel-title {
-	text-align: left;
-	font-size: 1.5em;
-	font-weight: 800;
-}
-
-.director-screen-sub-panel h5.panel-title .director-screen-sub-desc {
-	font-weight: normal;
-	font-size: 0.9em;
-}
-
-
 /* NPC edit styling */
 .charsheet label.npc-edit-icon {
 	font-family: "Pictos";
@@ -1913,13 +1882,6 @@ input.npc-edit-toggle:not(:checked) ~ div.npc-edit {
 	padding-top: 5px;
 }
 
-label[for="npc-checkbox"] {
-  color: var(--color-text-body);
-  font-weight: bold;
-  font-size: 1em;
-  padding-left: 0.5em;
-}
-
 /* Roll Template Styling */
 
 .sheet-rolltemplate-powerroll .sheet-roll-container,
diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html
index a588ce89d3..e29de98271 100644
--- a/Draw Steel/draw-steel.html	
+++ b/Draw Steel/draw-steel.html	
@@ -10,7 +10,7 @@
 	<label class="sheet-options-checkbox-label" for="sheet-options-checkbox">y</label>
 	<input id="sheet-options-checkbox" class="sheet-options-checkbox" type="checkbox" />
 	<div class="sheet-panel sheet-options-toggle">
-	<!-- Options Panel for choosing Player/NPC sheet and imports -->
+	<!-- Options Panel -->
 		<div class="sheet-panel-box import-panel">
 			<div>
 				<span data-i18n="whisper-gm"></span>
@@ -19,13 +19,50 @@
 					<option value="?{Whisper?|Public Roll,|Whisper Roll,/w gm }" data-i18n="query-whisper-roll"></option>
 					<option value="/w gm " data-i18n="always-whisper-roll"></option>
 				</select>	
-				<div class="sheet-panel-box">
-					<h5><span data-i18n="damage-autocalc">Damage Calculator</span></h5>
-					<label for="options-calculate-damage" data-i18n="options-calculate-damage">Automatically Calculate Damage:</label>
+				<hr>
+				<div>
 					<input id="options-calculate-damage" name="attr_options_calculate_damage" type="checkbox" value="1" />
+					<label for="options-calculate-damage" data-i18n="options-calculate-damage"></label>
+				</div>
+				<hr>
+				<div>
+					<input id="options-show-director-screen" name="attr_show_director_screen" type="checkbox" value="1" />
+					<label for="options-show-director-screen" data-i18n="options-show-director-screen"></label>
 				</div>
 			</div>
 			<div>
+				<h5 data-i18n="player-options-title"></h5>
+				<div>
+					<input id="growing-resource-checkbox" name="attr_has_growing_resource" class="npc-checkbox" type="checkbox" />
+					<label for="growing-resource-checkbox" data-i18n="growing-resource-checkbox"></label>
+				</div>
+				<div class="resource-selector-container">
+					<input type="hidden" class="main-resource-state" name="attr_growing_resource_type" value="custom" />
+
+					<div class="selector-row">
+						<select name="attr_growing_resource_type">
+							<option value="custom" data-i18n="growing-resource-custom"></option>
+							<option value="furyberserker" data-i18n="fury-berserker"></option>
+							<option value="furyreaver" data-i18n="fury-reaver"></option>
+							<option value="furystormwight" data-i18n="fury-stormwight"></option>
+							<option value="nullchronokinetic" data-i18n="null-chronokinetic"></option>
+							<option value="nullcryokinetic" data-i18n="null-cryokinetic"></option>
+							<option value="nullmetakinetic" data-i18n="null-metakinetic"></option>
+						</select>
+					</div>
+
+					<div class="selector-row stormwight-only">
+						<label data-i18n="kit"></label>
+						<select name="attr_stormwight_growing_resource_type">
+							<option value="" selected></option>
+							<option value="boren" data-i18n="boren"></option>
+							<option value="corven" data-i18n="corven"></option>
+							<option value="raden" data-i18n="raden"></option>
+							<option value="vuken" data-i18n="vuken"></option>
+						</select>
+					</div>
+				</div>
+				<hr>
 				<div class="grid-span-full">
 					<h5 data-i18n="npc-options-title"></h5>
 				</div>
@@ -57,10 +94,364 @@
 			</div>
 		</div>
 	</div>
-	
-	<!-- Header End -->
 </div>
+
+<!-- Header End -->
+
 <input type="hidden" class="npc-checkbox" name="attr_is_npc" />
+<input type="hidden" id="director-screen-toggle" name="attr_show_director_screen" />
+<!-- Director Screen-->
+<div class="sheet-panel director-screen-panel minimizable">
+	<div class="minimize-control">
+		<input id="director-screen-minimize-checkbox" class="minimize" type="checkbox" checked />
+		<label for="director-screen-minimize-checkbox" data-i18n="director-screen"></label>
+	</div>
+	<!-- Conditions -->
+	<details>
+		<summary><span data-i18n="conditions"></span></summary>
+		
+		<p class="director-section-text" data-i18n="conditions-desc"></p>
+		<div class="director-rules-container">
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="bleeding"></span>
+				<span class="director-rule-desc" data-i18n="bleeding-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="dazed"></span>
+				<span class="director-rule-desc" data-i18n="dazed-desc"></span>
+			</div>
+			
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="frightened"></span>
+				<span class="director-rule-desc" data-i18n="frightened-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="grabbed"></span>
+				<span class="director-rule-desc" data-i18n="grabbed-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="prone"></span>
+				<span class="director-rule-desc" data-i18n="prone-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="restrained"></span>
+				<span class="director-rule-desc" data-i18n="restrained-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="slowed"></span>
+				<span class="director-rule-desc" data-i18n="slowed-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="taunted"></span>
+				<span class="director-rule-desc" data-i18n="taunted-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="weakened"></span>
+				<span class="director-rule-desc" data-i18n="weakened-desc"></span>
+			</div>
+		</div>
+	</details>
+    <!-- Basics -->
+	<details>
+		<summary><span data-i18n="basics"></span></summary>
+		<div class="director-rules-container">
+            <div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="characteristics-scores"></span>
+                <span class="director-rule-desc" data-i18n="characteristics-scores-desc"></span>
+            </div>
+            <div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="natural-19-20"></span>
+                <span class="director-rule-desc" data-i18n="natural-19-20-desc"></span>
+            </div>
+			<div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="power-roll-director"></span>
+                <span class="director-rule-desc" data-i18n="power-roll-desc"></span>
+            </div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="recovery"></span>
+				<span class="director-rule-desc" data-i18n="recovery-desc"></span>
+			</div>
+            <div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="respites"></span>
+                <span class="director-rule-desc" data-i18n="respites-desc"></span>
+            </div>
+            <div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="skill"></span>
+                <span class="director-rule-desc" data-i18n="skill-desc"></span>
+            </div>
+            <div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="victories-director"></span>
+                <span class="director-rule-desc" data-i18n="victories-desc"></span>
+            </div>
+			
+			<h5 data-i18n="edges-and-banes"></h5>
+			
+			<div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="edge-director"></span>
+                <span class="director-rule-desc" data-i18n="edge-desc"></span>
+            </div>
+			<div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="double-edge-director"></span>
+                <span class="director-rule-desc" data-i18n="double-edge-desc"></span>
+            </div>
+			<div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="bane-director"></span>
+                <span class="director-rule-desc" data-i18n="bane-desc"></span>
+            </div>
+			<div class="director-rule-item">
+                <span class="director-rule-name" data-i18n="double-bane-director"></span>
+                <span class="director-rule-desc" data-i18n="double-bane-desc"></span>
+            </div>
+			<p class="director-section-text" data-i18n="edges-and-banes-desc"></p>
+			
+			<h5 data-i18n="hero-tokens"></h5>
+			<p class="director-section-text" data-i18n="hero-tokens-desc"></p>
+        </div>
+	</details>
+	<!-- Combat -->
+	<details>
+		<summary><span data-i18n="combat"></span></summary>
+		<div class="director-rules-container">
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="combat-turn"></span>
+				<span class="director-rule-desc" data-i18n="combat-turn-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="triggered-action-director"></span>
+				<span class="director-rule-desc" data-i18n="triggered-action-desc"></span>
+			</div>
+			<h5 data-i18n="main-actions"></h5>
+			<p class="director-section-text" data-i18n="main-actions-desc"></p>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="charge-director"></span>
+				<span class="director-rule-desc" data-i18n="charge-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="defend-director"></span>
+				<span class="director-rule-desc" data-i18n="defend-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="free-strike-director"></span>
+				<span class="director-rule-desc" data-i18n="free-strike-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="heal-director"></span>
+				<span class="director-rule-desc" data-i18n="heal-desc"></span>
+			</div>		
+			<h5 data-i18n="move-actions"></h5>
+			<p class="director-section-text" data-i18n="move-actions-desc"></p>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="advance-director"></span>
+				<span class="director-rule-desc" data-i18n="advance-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="disengage-director"></span>
+				<span class="director-rule-desc" data-i18n="disengage-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="ride-director"></span>
+				<span class="director-rule-desc" data-i18n="ride-desc"></span>
+			</div>		
+			<h5 data-i18n="maneuvers"></h5>
+			<p class="director-section-text" data-i18n="maneuvers-desc"></p>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="aid-attack-director"></span>
+				<span class="director-rule-desc" data-i18n="aid-attack-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="catch-breath-director"></span>
+				<span class="director-rule-desc" data-i18n="catch-breath-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="escape-grab-director"></span>
+				<span class="director-rule-desc" data-i18n="escape-grab-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="grab-director"></span>
+				<span class="director-rule-desc" data-i18n="grab-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="hide-director"></span>
+				<span class="director-rule-desc" data-i18n="hide-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="knockback-director"></span>
+				<span class="director-rule-desc" data-i18n="knockback-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="stand-up-director"></span>
+				<span class="director-rule-desc" data-i18n="stand-up-desc"></span>
+			</div>		
+			<h5 data-i18n="combat-glossary"></h5>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="critical-hit-director"></span>
+				<span class="director-rule-desc" data-i18n="critical-hit-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="stand-up-director"></span>
+				<span class="director-rule-desc" data-i18n="stand-up-desc"></span>
+			</div>		
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="critical-hit-director"></span>
+				<span class="director-rule-desc" data-i18n="critical-hit-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="concealment"></span>
+				<span class="director-rule-desc" data-i18n="concealment-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="cover"></span>
+				<span class="director-rule-desc" data-i18n="cover-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="damage-immunity"></span>
+				<span class="director-rule-desc" data-i18n="damage-immunity-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="damage-weakness"></span>
+				<span class="director-rule-desc" data-i18n="damage-weakness-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="dying-director"></span>
+				<span class="director-rule-desc" data-i18n="dying-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="eot-director"></span>
+				<span class="director-rule-desc" data-i18n="eot-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="flanking"></span>
+				<span class="director-rule-desc" data-i18n="flanking-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="high-ground"></span>
+				<span class="director-rule-desc" data-i18n="high-ground-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="line-of-effect"></span>
+				<span class="director-rule-desc" data-i18n="line-of-effect-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="opportunity-attack-director"></span>
+				<span class="director-rule-desc" data-i18n="opportunity-attack-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="saving-throws"></span>
+				<span class="director-rule-desc" data-i18n="saving-throws-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="stamina-director"></span>
+				<span class="director-rule-desc" data-i18n="stamina-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="surges-director"></span>
+				<span class="director-rule-desc" data-i18n="surges-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name"  data-i18n="winded-director"></span>
+				<span class="director-rule-desc" data-i18n="winded-desc"></span>
+			</div>
+			<h5 data-i18n="size-and-space"></h5>
+			<p data-i18n="size-and-space-desc"></p>
+		</div>
+	</details>
+	<!-- Movement -->
+	<details>
+		<summary><span data-i18n="movement"></span></summary>
+		<div class="director-rules-container">
+			<p class="director-section-text" data-i18n="movement-desc"></p>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="climb"></span>
+				<span class="director-rule-desc" data-i18n="climb-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="crawl"></span>
+				<span class="director-rule-desc" data-i18n="crawl-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="difficult-terrain"></span>
+				<span class="director-rule-desc" data-i18n="difficult-terrain-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="jump-director"></span>
+				<span class="director-rule-desc" data-i18n="jump-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="teleport"></span>
+				<span class="director-rule-desc" data-i18n="teleport-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="shifting"></span>
+				<span class="director-rule-desc" data-i18n="shifting-desc"></span>
+			</div>
+			<h5 data-i18n="forced-movement"></h5>
+			<p class="director-section-text" data-i18n="forced-movement-desc"></p>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="push-x"></span>
+				<span class="director-rule-desc" data-i18n="push-x-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="pull-x"></span>
+				<span class="director-rule-desc" data-i18n="pull-x-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="slide-x"></span>
+				<span class="director-rule-desc" data-i18n="slide-x-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="vertical"></span>
+				<span class="director-rule-desc" data-i18n="vertical-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="big-vs-little"></span>
+				<span class="director-rule-desc" data-i18n="big-vs-little-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="breaking-objects"></span>
+				<span class="director-rule-desc" data-i18n="breaking-objects-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="slamming-into-creatures"></span>
+				<span class="director-rule-desc" data-i18n="slamming-into-creatures-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="slamming-into-objects"></span>
+				<span class="director-rule-desc" data-i18n="slamming-into-objects-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="stability-director"></span>
+				<span class="director-rule-desc" data-i18n="stability-desc"></span>
+			</div>
+		</div>
+	</details>
+	<!-- Area of Effect -->
+	<details>
+		<summary><span data-i18n="areas-of-effect"></span></summary>
+		<div class="director-rules-container">
+			<p class="director-section-text" data-i18n="areas-of-effect-desc"></p>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="aura"></span>
+				<span class="director-rule-desc" data-i18n="aura-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="burst"></span>
+				<span class="director-rule-desc" data-i18n="burst-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="cube"></span>
+				<span class="director-rule-desc" data-i18n="cube-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="line"></span>
+				<span class="director-rule-desc" data-i18n="line-desc"></span>
+			</div>
+			<div class="director-rule-item">
+				<span class="director-rule-name" data-i18n="wall-director"></span>
+				<span class="director-rule-desc" data-i18n="wall-desc"></span>
+			</div>
+		</div>
+	</details>
+</div>
 <!-- Character Sheet Start -->
 <div class="sheet-body">
 	<!-- Header Panel --> 
@@ -277,134 +668,90 @@
 			<span data-i18n="potency-one"></span>
 		</div>
 		<!-- Growing Resource Fury/Null -->
+		<input type="hidden" name="attr_has_growing_resource" />
 		<div class="growing-resource minimize-ignore">
- 			<input type="checkbox" name="attr_has_growing_resource" /><label data-i18n="growing-resource-checkbox"></label>
-			<input type="hidden" name="attr_growingresource_show_2" />
-			<input type="hidden" name="attr_growingresource_show_4" />
-			<input type="hidden" name="attr_growingresource_show_6" />
-			<input type="hidden" name="attr_growingresource_show_8" />
-			<input type="hidden" name="attr_growingresource_show_10" />
-			<input type="hidden" name="attr_growingresource_show_12" />
-			<div class="growing-resource-selector-display">
-				<select class="growing-resource-selector" name="attr_growing_resource_type">
-					<option value="furyberserker" data-i18n="fury-berserker"></option>
-					<option value="furyreaver" data-i18n="fury-reaver"></option>
-					<option value="furystormwight" data-i18n="fury-stormwight"></option>
-					<option value="nullchronokinetic" data-i18n="null-chronokinetic"></option>
-					<option value="nullcryokinetic" data-i18n="null-cryokinetic"></option>
-					<option value="nullmetakinetic" data-i18n="null-metakinetic"></option>
-				</select>
-				<select class="stormwight-growing-resource-selector" name="attr_stormwight_growing_resource_type">
-					<option value="" selected></option>
-					<option value="boren" data-i18n="boren"></option>
-					<option value="corven" data-i18n="corven"></option>
-					<option value="raden" data-i18n="raden"></option>
-					<option value="vuken" data-i18n="vuken"></option>
-				</select>
-			</div>
-			<div class="growing-resource-display sheet-panel-box minimize-ignore">
+			<input type="hidden" class="has-resource-toggle" name="attr_has_growing_resource" value="0" />
+			<input type="hidden" class="row-toggle-2" name="attr_growingresource_show_2" value="1" />
+			<input type="hidden" class="row-toggle-4" name="attr_growingresource_show_4" value="1" />
+			<input type="hidden" class="row-toggle-6" name="attr_growingresource_show_6" value="1" />
+			<input type="hidden" class="row-toggle-8" name="attr_growingresource_show_8" value="1" />
+			<input type="hidden" class="row-toggle-10" name="attr_growingresource_show_10" value="1" />
+			<input type="hidden" class="row-toggle-12" name="attr_growingresource_show_12" value="1" />
+
+			<div class="resource-container sheet-panel-box minimize-ignore">
 				<h5 class="panel-title" data-i18n="growing-resource"></h5>
-				<div class="berserker-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="ferocity"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="berserker-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="berserker-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="berserker-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="berserker-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="berserker-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="berserker-twelve-ben"></span></label>
+				<input type="checkbox" class="ability-edit" id="ability-edit" name="attr_growing_resource_edit" />
+				
+
+				<div class="growing-resource-grid">
+					<div class="grid-header">
+						<span class="header-label" name="attr_resource_name"></span>
+						<span class="header-benefit" data-i18n="benefit"></span>
 					</div>
-				</div>
-				<div class="reaver-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="ferocity"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="reaver-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="reaver-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="reaver-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="reaver-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="reaver-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="reaver-twelve-ben"></span></label>
+
+					<div class="resource-row tier-2">
+						<div class="display-mode">
+							<span class="row-label" name="attr_growingresource_2_label"></span>
+							<span class="row-text" name="attr_growingresource_2_text"></span>
+						</div>
+						<div class="edit-mode">
+							<input type="text" name="attr_growingresource_2_label" />
+							<textarea name="attr_growingresource_2_text"></textarea>
+						</div>
 					</div>
-				</div>
-				<div class="boren-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="ferocity"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="boren-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="boren-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="boren-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="boren-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="boren-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="boren-twelve-ben"></span></label>
+					<div class="resource-row tier-4">
+						<div class="display-mode">
+							<span class="row-label" name="attr_growingresource_4_label"></span>
+							<span class="row-text" name="attr_growingresource_4_text"></span>
+						</div>
+						<div class="edit-mode">
+							<input type="text" name="attr_growingresource_4_label" />
+							<textarea name="attr_growingresource_4_text"></textarea>
+						</div>
 					</div>
-				</div>
-				<div class="corven-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="ferocity"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="corven-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="corven-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="corven-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="corven-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="corven-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="corven-twelve-ben"></span></label>
+					<div class="resource-row tier-6">
+						<div class="display-mode">
+							<span class="row-label" name="attr_growingresource_6_label"></span>
+							<span class="row-text" name="attr_growingresource_6_text"></span>
+						</div>
+						<div class="edit-mode">
+							<input type="text" name="attr_growingresource_6_label" />
+							<textarea name="attr_growingresource_6_text"></textarea>
+						</div>
 					</div>
-				</div>
-				<div class="raden-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="ferocity"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="raden-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="raden-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="raden-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="raden-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="raden-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="raden-twelve-ben"></span></label>
+					<div class="resource-row tier-8">
+						<div class="display-mode">
+							<span class="row-label" name="attr_growingresource_8_label"></span>
+							<span class="row-text" name="attr_growingresource_8_text"></span>
+						</div>
+						<div class="edit-mode">
+							<input type="text" name="attr_growingresource_8_label" />
+							<textarea name="attr_growingresource_8_text"></textarea>
+						</div>
 					</div>
-				</div>
-				<div class="vuken-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="ferocity"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="vuken-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="vuken-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="vuken-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="vuken-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="vuken-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="vuken-twelve-ben"></span></label>
+					<div class="resource-row tier-10">
+						<div class="display-mode">
+							<span class="row-label" name="attr_growingresource_10_label"></span>
+							<span class="row-text" name="attr_growingresource_10_text"></span>
+						</div>
+						<div class="edit-mode">
+							<input type="text" name="attr_growingresource_10_label" />
+							<textarea name="attr_growingresource_10_text"></textarea>
+						</div>
 					</div>
-				</div>
-				<div class="chronokinetic-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="discipline"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="chronokinetic-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="chronokinetic-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="chronokinetic-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="chronokinetic-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="chronokinetic-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="chronokinetic-twelve-ben"></span></label>
-					</div>
-				</div>
-				<div class="cryokinetic-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="discipline"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="cryokinetic-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="cryokinetic-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="cryokinetic-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="cryokinetic-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="cryokinetic-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="cryokinetic-twelve-ben"></span></label>
-					</div>
-				</div>
-				<div class="metakinetic-growing-resource-display">
-					<div class="growing-resource-display-label">
-						<label><span data-i18n="discipline"></span></label><label><span data-i18n="benefit"></span></label>
-						<label><span>2</span></label><label><span data-i18n="metakinetic-two-ben"></span></label>
-						<label><span>4</span></label><label><span data-i18n="metakinetic-four-ben"></span></label>
-						<label><span>6</span></label><label><span data-i18n="metakinetic-six-ben"></span></label>
-						<label><span data-i18n="eight-label"></span></label><label><span data-i18n="metakinetic-eight-ben"></span></label>
-						<label><span data-i18n="ten-label"></span></label><label><span data-i18n="metakinetic-ten-ben"></span></label>
-						<label><span data-i18n="twelve-label"></span></label><label><span data-i18n="metakinetic-twelve-ben"></span></label>
+					<div class="resource-row tier-12">
+						<div class="display-mode">
+							<span class="row-label" name="attr_growingresource_12_label"></span>
+							<span class="row-text" name="attr_growingresource_12_text"></span>
+						</div>
+						<div class="edit-mode">
+							<input type="text" name="attr_growingresource_12_label" />
+							<textarea name="attr_growingresource_12_text"></textarea>
+						</div>
 					</div>
 				</div>
 			</div>
-		</div>
+		</div>	
 		<!-- Potencies -->
 		<div class="potencies sheet-panel-box">
 				<h5 class="panel-title" data-i18n="potencies"></h5>
@@ -2513,365 +2860,6 @@
 </div>
 <!-- NPC Sheet View -->
 <div class="npc-sheet-body">
-	<!-- Director Screen-->
-	<div class="sheet-panel director-screen-panel minimizable">
-		<div class="minimize-control">
-			<input id="director-screen-minimize-checkbox" class="minimize" type="checkbox" checked />
-			<label for="director-screen-minimize-checkbox" data-i18n="director-screen"></label>
-		</div>
-		<div class="sheet-panel-box director-screen-sub-panel minimizable-conditions">
-			<div class="minimize-control-conditions">
-				<input id="director-screen-conditions-minimize-checkbox" class="minimize" type="checkbox" checked />
-				<label for="director-screen-conditions-minimize-checkbox" data-i18n="conditions"></label>
-			</div>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="conditions-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="bleeding"></span>
-				<span class="director-screen-sub-desc" data-i18n="bleeding-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="dazed"></span>
-				<span class="director-screen-sub-desc" data-i18n="dazed-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="frightened"></span>
-				<span class="director-screen-sub-desc" data-i18n="frightened-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="grabbed"></span>
-				<span class="director-screen-sub-desc" data-i18n="grabbed-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="prone"></span>
-				<span class="director-screen-sub-desc" data-i18n="prone-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="restrained"></span>
-				<span class="director-screen-sub-desc" data-i18n="restrained-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="slowed"></span>
-				<span class="director-screen-sub-desc" data-i18n="slowed-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="taunted"></span>
-				<span class="director-screen-sub-desc" data-i18n="taunted-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="weakened"></span>
-				<span class="director-screen-sub-desc" data-i18n="weakened-desc"></span>
-			</h5>
-		</div>
-		<div class="sheet-panel-box director-screen-sub-panel minimizable-basics">
-			<div class="minimize-control-basics">
-				<input id="director-screen-basics-minimize-checkbox" class="minimize" type="checkbox" checked />
-				<label for="director-screen-basics-minimize-checkbox" data-i18n="basics"></label>
-			</div>
-			<h5 class="panel-title">
-				<span data-i18n="characteristics-scores"></span>
-				<span class="director-screen-sub-desc" data-i18n="characteristics-scores-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="natural-19-20"></span>
-				<span class="director-screen-sub-desc" data-i18n="natural-19-20-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="power-roll-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="power-roll-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="recovery"></span>
-				<span class="director-screen-sub-desc" data-i18n="recovery-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="respites"></span>
-				<span class="director-screen-sub-desc" data-i18n="respites-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="skill"></span>
-				<span class="director-screen-sub-desc" data-i18n="skill-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="victories-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="victories-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="edges-and-banes"></h3>
-			<h5 class="panel-title">
-				<span data-i18n="edge-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="edge-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="double-edge-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="double-edge-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="bane-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="bane-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="double-bane-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="double-bane-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="edges-and-banes-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="hero-tokens"></h3>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="hero-tokens-desc"></span>
-			</h5>
-		</div>
-		<div class="sheet-panel-box director-screen-sub-panel minimizable-combat">
-			<div class="minimize-control-combat">
-				<input id="director-screen-combat-minimize-checkbox" class="minimize" type="checkbox" checked />
-				<label for="director-screen-combat-minimize-checkbox" data-i18n="combat"></label>
-			</div>
-			<h5 class="panel-title">
-				<span data-i18n="combat-turn"></span>
-				<span class="director-screen-sub-desc" data-i18n="combat-turn-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="triggered-action-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="triggered-action-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="main-actions"></h3>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="main-actions-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="charge-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="charge-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="defend-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="defend-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="free-strike-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="free-strike-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="heal-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="heal-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="move-actions"></h3>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="move-actions-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="advance-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="advance-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="disengage-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="disengage-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="ride-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="ride-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="maneuvers"></h3>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="maneuvers-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="aid-attack-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="aid-attack-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="catch-breath-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="catch-breath-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="escape-grab-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="escape-grab-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="grab-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="grab-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="hide-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="hide-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="knockback-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="knockback-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="stand-up-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="stand-up-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="combat-glossary"></h3>
-			<h5 class="panel-title">
-				<span data-i18n="critical-hit-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="critical-hit-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="concealment"></span>
-				<span class="director-screen-sub-desc" data-i18n="concealment-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="cover"></span>
-				<span class="director-screen-sub-desc" data-i18n="cover-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="damage-immunity"></span>
-				<span class="director-screen-sub-desc" data-i18n="damage-immunity-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="damage-weakness"></span>
-				<span class="director-screen-sub-desc" data-i18n="damage-weakness-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="dying-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="dying-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="eot-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="eot-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="flanking"></span>
-				<span class="director-screen-sub-desc" data-i18n="flanking-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="high-ground"></span>
-				<span class="director-screen-sub-desc" data-i18n="high-ground-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="line-of-effect"></span>
-				<span class="director-screen-sub-desc" data-i18n="line-of-effect-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="opportunity-attack-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="opportunity-attack-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="saving-throws"></span>
-				<span class="director-screen-sub-desc" data-i18n="saving-throws-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="stamina-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="stamina-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="surges-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="surges-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="winded-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="winded-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="size-and-space"></h3>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="size-and-space-desc"></span>
-			</h5>
-		</div>
-		<div class="sheet-panel-box director-screen-sub-panel minimizable-movement">
-			<div class="minimize-control-movement">
-				<input id="director-screen-movement-minimize-checkbox" class="minimize" type="checkbox" checked />
-				<label for="director-screen-movement-minimize-checkbox" data-i18n="movement"></label>
-			</div>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="movement-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="climb"></span>
-				<span class="director-screen-sub-desc" data-i18n="climb-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="crawl"></span>
-				<span class="director-screen-sub-desc" data-i18n="crawl-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="difficult-terrain"></span>
-				<span class="director-screen-sub-desc" data-i18n="difficult-terrain-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="jump-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="jump-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="teleport"></span>
-				<span class="director-screen-sub-desc" data-i18n="teleport-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="shifting"></span>
-				<span class="director-screen-sub-desc" data-i18n="shifting-desc"></span>
-			</h5>
-			<h3 class="panel-title" data-i18n="forced-movement"></h3>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="forced-movement-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="push-x"></span>
-				<span class="director-screen-sub-desc" data-i18n="push-x-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="pull-x"></span>
-				<span class="director-screen-sub-desc" data-i18n="pull-x-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="slide-x"></span>
-				<span class="director-screen-sub-desc" data-i18n="slide-x-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="vertical"></span>
-				<span class="director-screen-sub-desc" data-i18n="vertical-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="big-vs-little"></span>
-				<span class="director-screen-sub-desc" data-i18n="big-vs-little-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="breaking-objects"></span>
-				<span class="director-screen-sub-desc" data-i18n="breaking-objects-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="slamming-into-creatures"></span>
-				<span class="director-screen-sub-desc" data-i18n="slamming-into-creatures-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="slamming-into-objects"></span>
-				<span class="director-screen-sub-desc" data-i18n="slamming-into-objects-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="stability-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="stability-desc"></span>
-			</h5>
-		</div>
-		<div class="sheet-panel-box director-screen-sub-panel minimizable-areas-of-effect">
-			<div class="minimize-control-areas-of-effect">
-				<input id="director-screen-areas-of-effect-minimize-checkbox" class="minimize" type="checkbox" checked />
-				<label for="director-screen-areas-of-effect-minimize-checkbox" data-i18n="areas-of-effect"></label>
-			</div>
-			<h5 class="panel-title">
-				<span class="director-screen-sub-desc" data-i18n="areas-of-effect-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="aura"></span>
-				<span class="director-screen-sub-desc" data-i18n="aura-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="burst"></span>
-				<span class="director-screen-sub-desc" data-i18n="burst-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="cube"></span>
-				<span class="director-screen-sub-desc" data-i18n="cube-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="line"></span>
-				<span class="director-screen-sub-desc" data-i18n="line-desc"></span>
-			</h5>
-			<h5 class="panel-title">
-				<span data-i18n="wall-director"></span>
-				<span class="director-screen-sub-desc" data-i18n="wall-desc"></span>
-			</h5>
-		</div>
-	</div>
 	<label class="npc-edit-icon" for="npc-edit-toggle">p</label><input class="npc-edit-toggle" type="checkbox" id="npc-edit-toggle" />
 	<!-- NPC Edit Form -->
 	<div class="npc-edit">
@@ -5505,6 +5493,10 @@
 		calculateRespite();
 	});
 
+	on("change:growing_resource_type change:stormwight_growing_resource_type", () => {
+		updateGrowingResource();
+	});
+	
 	// Configuration map for feature sharing
 	// Maps the trigger event to its specific attribute names and translation key
 	const featureShareHandlers = {
@@ -5685,7 +5677,64 @@
 			});
 		});
 	}
+	
+	// Updates the Growing Resources Table when the options are changed
+	async function updateGrowingResource() {
+		console.log('~~~ updateGrowingResource ~~~');
 
+		// Get current selector values
+		const attrs = await getAttrsAsync(['growing_resource_type', 'stormwight_growing_resource_type']);
+		const mainType = attrs.growing_resource_type;
+		const stormType = attrs.stormwight_growing_resource_type;
+
+		// Identify the subclass prefix for translation keys
+		// If it's Stormwight, use the sub-selector; otherwise, strip prefixes like "fury" or "null"
+		let subClassKey = '';
+		if (mainType === 'furystormwight') {
+			subClassKey = stormType; // e.g., "raden"
+		} else if (mainType !== 'custom') {
+			// Strips "fury" or "null" from "furyberserker" -> "berserker"
+			subClassKey = mainType.replace(/^(fury|null)/, '');
+		}
+
+		// Define the levels/tiers we are filling
+		const tiers = [
+			{ num: 2,  word: 'two' },
+			{ num: 4,  word: 'four' },
+			{ num: 6,  word: 'six' },
+			{ num: 8,  word: 'eight' },
+			{ num: 10, word: 'ten' },
+			{ num: 12, word: 'twelve' }
+		];
+
+		const updateObj = {};
+
+		// Populate the Table
+		tiers.forEach(tier => {
+			const labelAttr = `growingresource_${tier.num}_label`;
+			const textAttr = `growingresource_${tier.num}_text`;
+
+			if (!subClassKey) {
+				// Reset fields if 'custom' or no Stormwight type selected
+				updateObj[labelAttr] = tier.num.toString();
+				updateObj[textAttr] = "";
+				return;
+			}
+
+			// Handle Labels (Tiers 8-12 have extra level requirements)
+			if (tier.num >= 8) {
+				updateObj[labelAttr] = getTranslationByKey(`${tier.word}-label`) || tier.num.toString();
+			} else {
+				updateObj[labelAttr] = tier.num.toString();
+			}
+
+			// Handle Benefits (Lookup translation key: subclass-word-ben)
+			const benefitKey = `${subClassKey}-${tier.word}-ben`;
+			updateObj[textAttr] = getTranslationByKey(benefitKey) || "";
+		});
+
+		setAttrs(updateObj);
+	}
 
 /**
 ** Import from Forge Steel Start
diff --git a/Draw Steel/translation.json b/Draw Steel/translation.json
index d9ea3f1fbb..e6d4412b06 100644
--- a/Draw Steel/translation.json	
+++ b/Draw Steel/translation.json	
@@ -236,7 +236,7 @@
 	"I": "I",
 	"P": "P",
 	"damage-autocalc": "Damage Calculator",
-	"options-calculate-damage": "Automatically Calculate Damage:",
+	"options-calculate-damage": "Automatically Calculate Damage",
 	"resource-amount": "Amount",
 	"standard-abilities": "Standard Abilities",
 	"standard-main-actions": "Standard Main Actions",
@@ -566,5 +566,8 @@
 	"roll-surge-potency-desc": "Surges used to increase potency by 1",
 	"roll-resource-gain": "Gain",
 	"damage-calc-or": "or",
-	"import-select-prompt": "Select One"
+	"import-select-prompt": "Select One",
+	"player-options-title": "Player Options",
+	"growing-resource-custom": "Custom",
+	"options-show-director-screen": "Show Director Screen"
 }

From fec6224c61be88e7610abf81ad61bf98cd06cea5 Mon Sep 17 00:00:00 2001
From: Zen-Raven <rvanlanen@gmail.com>
Date: Mon, 23 Mar 2026 09:32:20 -0700
Subject: [PATCH 3/6] Import Minion Text

- Updated the import function to add appropriate minion text to the encounter value for minions.
---
 Draw Steel/draw-steel.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html
index e29de98271..5fa72bc9de 100644
--- a/Draw Steel/draw-steel.html	
+++ b/Draw Steel/draw-steel.html	
@@ -6476,6 +6476,8 @@
 		
 		const maliceFeatures = malice ? importMalice(malice) : [];
 		
+		const minionTag = roleString.includes('Minion') ? getTranslationByKey('minion-text') : '';
+		
 		// ATTRIBUTE MAPPING
 		const newAttrs = {
 			forgesteel_json: '', // Clear the import field.
@@ -6486,7 +6488,7 @@
 			level: level,
 			npc_role: roleString,
 			npc_keywords: keywords.join(', '),
-			npc_EV: encounterValue,
+			npc_EV: `${encounterValue} ${minionTag}`.trim(),
 			// Stats
 			size: sizeString,
 			speed: dataSpeed.value ?? 5,

From 143d773244fb03bdb84615bf5dea05b93abd5bd7 Mon Sep 17 00:00:00 2001
From: Zen-Raven <rvanlanen@gmail.com>
Date: Mon, 23 Mar 2026 11:11:48 -0700
Subject: [PATCH 4/6] CSS Adjustments

- Minor clean up to CSS to remove unused code
- Adjusted growing resource table to not show title when characteristics panel is minimized.
---
 Draw Steel/draw-steel.css  | 72 +++++++++-----------------------------
 Draw Steel/draw-steel.html |  8 ++---
 2 files changed, 19 insertions(+), 61 deletions(-)

diff --git a/Draw Steel/draw-steel.css b/Draw Steel/draw-steel.css
index 38b7244715..f0c8fd8fb9 100644
--- a/Draw Steel/draw-steel.css	
+++ b/Draw Steel/draw-steel.css	
@@ -109,7 +109,7 @@
 .sheet-rolltemplate-darkmode.sheet-rolltemplate-powerrollability .sheet-roll-container,
 .sheet-rolltemplate-darkmode.sheet-rolltemplate-ability .sheet-roll-container,
 .sheet-rolltemplate-darkmode.sheet-rolltemplate-powerroll .sheet-roll-container,
-.sheet-rolltemplate-simpleroll.sheet-rolltemplate-darkmode .sheet-roll-container {
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-simpleroll .sheet-roll-container {
  	--color-bg-main: #1f1f1f; 
     --color-bg-section: rgb(59, 64, 69); 
 
@@ -235,16 +235,6 @@
 	border-right: var(--border-main);
 }
 
-/*.charsheet input[type=number].no-spin::-webkit-inner-spin-button,
-.charsheet input[type=number].no-spin::-webkit-outer-spin-button {
-	-webkit-appearance: none;
-	margin: 0;
-}
-
-.charsheet input[type=number].no-spin {
-	-moz-appearance: textfield ;
-}*/
-
 .charsheet input.input-md {
 	height: 20px;
 	font-size: 0.9em;
@@ -339,6 +329,7 @@ input.sheet-options-checkbox {
 	display:none; 
 }
 
+/*
 #stats-minimize-checkbox:checked + label::before,
 #biography-minimize-checkbox:checked + label::before,
 #skills-languages-minimize-checkbox:checked + label::before,
@@ -350,6 +341,11 @@ input.sheet-options-checkbox {
 #director-screen-minimize-checkbox:checked + label::before {
 	content:'&';
 }
+*/
+
+[id*='minimize-checkbox']:checked + label::before {
+	content: '&';
+}
 
 label[for*='minimize']::before {
 	display: inline-block;
@@ -458,16 +454,6 @@ label[for*='minimize']::before {
 	gap: 5px;
 }
 
-/*.charsheet .sheet-body .stats-panel input[type=number]::-webkit-inner-spin-button, 
-.charsheet .sheet-body .stats-panel input[type=number]::-webkit-outer-spin-button { 
-    -webkit-appearance: none;
-    margin: 0; 
-}
-
-.charsheet .sheet-body .stats-panel input[type=number] {
-	-moz-appearance: textfield;
-}
-*/
 .stats-panel > .minimize-control {
 	grid-column: 1 / -1;
 }
@@ -482,17 +468,6 @@ label[for*='minimize']::before {
 
 }
 
-.hexagon {
---b: 2px;
-  height: 75px;
-  aspect-ratio: cos(30deg);
-  clip-path: polygon(50% 0,-50% 50%,50% 100%,150% 50%,50% 0, 50% var(--b), calc(100% - var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)), calc(100% - var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)), 50% calc(100% - var(--b)), calc(var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)), calc(var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)), 50% var(--b));
-  background: var(--color-bg-main);
-  position: absolute;
-  z-index: -10;
-  top: 0px;
-}
-
 .dashboard-characteristics {
   grid-column-start: 1;
   grid-column-end: span 5;
@@ -523,12 +498,6 @@ label[for*='minimize']::before {
   color: var(--color-text-header);
 }
 
-/*.charsheet .sheet-body .dashboard-stat-group input[type=number]::-webkit-inner-spin-button, 
-.charsheet .sheet-body .dashboard-stat-group input[type=number]::-webkit-outer-spin-button { 
-    -webkit-appearance: none;
-    margin: 0; 
-}*/
-
 .dashboard-stamina {
   grid-column: 6/ span 2;
   display: grid;
@@ -615,19 +584,23 @@ label[for*='minimize']::before {
 }
 
 /* Growing Resource Table */
-.has-resource-toggle[value="0"] ~ .resource-container {
+.has-resource-toggle[value="0"] ~ .growing-resource {
     display: none;
 }
 
+.growing-resource {
+	display: block;
+}
+
 .growing-resource-grid {
     display: grid;
-    grid-template-columns: 80px 1fr; /* Adjust label width as needed */
+    grid-template-columns: 80px 1fr; 
     gap: 4px;
     align-items: center;
 }
 
 .grid-header {
-    display: contents; /* Allows children to participate in parent grid */
+    display: contents; 
     font-weight: bold;
     border-bottom: 1px solid #000;
 }
@@ -656,7 +629,7 @@ label[for*='minimize']::before {
     display: contents;
 }
 
-.row-toggle-2[value="0"] ~ .resource-container .grid-header { display: none; }
+.row-toggle-2[value="0"] ~ .resource-container { display: none; }
 .row-toggle-2[value="0"] ~ .resource-container .tier-2 .display-mode { display: none; }
 .row-toggle-4[value="0"] ~ .resource-container .tier-4 .display-mode { display: none; }
 .row-toggle-6[value="0"] ~ .resource-container .tier-6 .display-mode { display: none; }
@@ -683,18 +656,16 @@ label[for*='minimize']::before {
 .stormwight-only {
     display: none;
     margin-top: 5px;
-    padding-left: 15px; /* Indent to show hierarchy */
+    padding-left: 15px; 
     border-left: 2px solid #ccc;
 }
 
-/* 2. Show it only when the hidden input's value is 'furystormwight' */
 .main-resource-state[value="furystormwight"] ~ .stormwight-only {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 
-/* Optional: Styling for the labels within the selectors */
 .selector-row label {
     margin-right: 10px;
     min-width: 100px;
@@ -1056,15 +1027,6 @@ label[for*='minimize']::before {
 	grid-column-end: span 2;
 }
 
-] {
-	display: grid;
-	grid-gap: 0.2em;
-	box-shadow:
-		inset 1px 1px 2px #555,
-		inset -1px -1px 2px #111,
-		0 2px 6px rgba(0, 0, 0, 0.5);
-}
-
 .modifiers-panel {
 	grid-column-start: 1;
 	grid-column-end: -1;
@@ -1158,7 +1120,7 @@ label[for*='minimize']::before {
 
 .kit-damage-label,
 .other-modifiers-label {
-  font-size: 0.75em !important;
+  font-size: 0.75em;
 }
 
 .kit-melee-damage-group,
diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html
index 5fa72bc9de..27807a61b6 100644
--- a/Draw Steel/draw-steel.html	
+++ b/Draw Steel/draw-steel.html	
@@ -668,9 +668,9 @@
 			<span data-i18n="potency-one"></span>
 		</div>
 		<!-- Growing Resource Fury/Null -->
-		<input type="hidden" name="attr_has_growing_resource" />
+		<input type="hidden" class="has-resource-toggle" name="attr_has_growing_resource" value="0" />
 		<div class="growing-resource minimize-ignore">
-			<input type="hidden" class="has-resource-toggle" name="attr_has_growing_resource" value="0" />
+			<h5 class="panel-title" data-i18n="growing-resource"></h5>
 			<input type="hidden" class="row-toggle-2" name="attr_growingresource_show_2" value="1" />
 			<input type="hidden" class="row-toggle-4" name="attr_growingresource_show_4" value="1" />
 			<input type="hidden" class="row-toggle-6" name="attr_growingresource_show_6" value="1" />
@@ -679,16 +679,12 @@
 			<input type="hidden" class="row-toggle-12" name="attr_growingresource_show_12" value="1" />
 
 			<div class="resource-container sheet-panel-box minimize-ignore">
-				<h5 class="panel-title" data-i18n="growing-resource"></h5>
 				<input type="checkbox" class="ability-edit" id="ability-edit" name="attr_growing_resource_edit" />
-				
-
 				<div class="growing-resource-grid">
 					<div class="grid-header">
 						<span class="header-label" name="attr_resource_name"></span>
 						<span class="header-benefit" data-i18n="benefit"></span>
 					</div>
-
 					<div class="resource-row tier-2">
 						<div class="display-mode">
 							<span class="row-label" name="attr_growingresource_2_label"></span>

From e4eda15399fcfffa598f8c7eecf3960ee7f8315c Mon Sep 17 00:00:00 2001
From: Zen-Raven <rvanlanen@gmail.com>
Date: Mon, 23 Mar 2026 15:29:37 -0700
Subject: [PATCH 5/6] Options button

- Updated options button visually
---
 Draw Steel/draw-steel.css  | 18 ++++++++++++++----
 Draw Steel/draw-steel.html |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/Draw Steel/draw-steel.css b/Draw Steel/draw-steel.css
index f0c8fd8fb9..b7977bf567 100644
--- a/Draw Steel/draw-steel.css	
+++ b/Draw Steel/draw-steel.css	
@@ -276,16 +276,26 @@
 	color: var(--color-button-bg);
 	cursor: pointer;
 	right: 30px;
-	top: 100px;
 	font-weight: normal;
 }
 
+.charsheet label.sheet-options-checkbox-label::before {
+	content: 'y';
+}
+
+.charsheet .sheet-header:has(#sheet-options-checkbox:checked) > .sheet-options-checkbox-label::before { /*~ label.sheet-options-checkbox-label::before {*/
+  color: var(--color-accent-steel);
+  content: '*';
+}
+
+.charsheet .sheet-header:has(#sheet-options-checkbox:checked) > .sheet-options-checkbox-label {
+  top: 108px;
+}
+
 .charsheet label.sheet-options-checkbox-label:hover {
 	color: var(--color-accent-steel);
 }
-.charsheet.has(.sheet-options-checkbox:checked) ~ label.sheet-options-checkbox-label {
-  color: var(--color-accent-steel);
-}
+
 
 input.sheet-options-checkbox {
 	display: none;
diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html
index 27807a61b6..2fc78b09d2 100644
--- a/Draw Steel/draw-steel.html	
+++ b/Draw Steel/draw-steel.html	
@@ -7,7 +7,7 @@
 			style="height: 60px"
 		/>
 	</h1>
-	<label class="sheet-options-checkbox-label" for="sheet-options-checkbox">y</label>
+	<label class="sheet-options-checkbox-label" for="sheet-options-checkbox"></label>
 	<input id="sheet-options-checkbox" class="sheet-options-checkbox" type="checkbox" />
 	<div class="sheet-panel sheet-options-toggle">
 	<!-- Options Panel -->

From c373434fe6b9fedde46a5b531ecbbed4b03bc31d Mon Sep 17 00:00:00 2001
From: Zen-Raven <rvanlanen@gmail.com>
Date: Tue, 24 Mar 2026 10:18:47 -0700
Subject: [PATCH 6/6] Bugfix

- Fixed Advance and Ride abilities so that they are shown as move actions and not maneuvers.
---
 Draw Steel/draw-steel.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html
index 2fc78b09d2..d5e50db444 100644
--- a/Draw Steel/draw-steel.html	
+++ b/Draw Steel/draw-steel.html	
@@ -2680,7 +2680,7 @@
 					<div class="ability-card card-edit">
 						<textarea class="ability-effect grid-span-full" data-i18n-placeholder="advance" name="attr_advance_name" data-i18n="advance" spellcheck="false"></textarea>
 						<input type="hidden" class="ability-keywords" data-i18n-placeholder="advance-keywords" name="attr_advance_keywords" value="" />
-						<input type="hidden" name="attr_advance_type" value="maneuver" />
+						<input type="hidden" name="attr_advance_type" value="move-action" />
 						<textarea class="ability-effect grid-span-full" data-i18n-placeholder="distance" name="attr_advance_distance" data-i18n="self" spellcheck="false"></textarea>
 						<textarea class="ability-effect grid-span-full" data-i18n-placeholder="target" name="attr_advance_target" data-i18n="self" spellcheck="false"></textarea>
 						<textarea class="ability-effect grid-span-full" data-i18n="advance-effect" name="attr_advance_effect" spellcheck="false"></textarea>
@@ -2738,7 +2738,7 @@
 					<div class="ability-card card-edit">
 						<textarea class="ability-effect grid-span-full" data-i18n-placeholder="ride" name="attr_ride_name" data-i18n="ride" spellcheck="false"></textarea>
 						<input type="hidden" class="ability-keywords" data-i18n-placeholder="ride-keywords" name="attr_ride_keywords" value="" />
-						<input type="hidden" name="attr_ride_type" value="maneuver" />
+						<input type="hidden" name="attr_ride_type" value="move-action" />
 						<textarea class="ability-effect grid-span-full" data-i18n-placeholder="distance" name="attr_ride_distance" data-i18n="self" spellcheck="false"></textarea>
 						<textarea class="ability-effect grid-span-full" data-i18n-placeholder="target" name="attr_ride_target" data-i18n="self" spellcheck="false"></textarea>
 						<textarea class="ability-effect grid-span-full" data-i18n="ride-effect" name="attr_ride_effect" spellcheck="false"></textarea>